1、编写index.html文件

　　这里我们需要播放某一个目录下所有的网页文件，要做到切换不同的网页，可以在index.html中使用iframe。通过js动态改变iframe的src属性，从而动态地切换显示的网页。index.html代码如下：

 <!DOCTYPE html>

 <html>

   <head>

     <title>play file</title>

 <script  src="script.js"></script><!-- 这是引入的js外部文件 -->

   </head>

   <body>

     <h1>paly all file!</h1>

    <iframe id="showwin"  frameborder="0"  scrolling="no" width="100%" height="100%" ></iframe>

   </body>

 </html>

2、编写js代码进行遍历

　　在node-webkit中我们可是很方便地使用到node.js进行文件遍历，我们只需写一行var fs = require('fs');即可是用node.js提供的函数进行遍历。我们将所有的js代码放在外部的script.js文件中，然后在index.html文件引入即可。script.js代码如下：

 var fs = require('fs');//

 var second = 1000;//播放间隔时间

 var paths = "C:/Users/user/Desktop/dome/source"; //指定要播放的目录

 var fileList =  new Array(); //存放要播放的文件

 var page; //iframe

 window.onload = function (){

     page = document.getElementById("showwin");

     findfile(paths);//解析目录，将所有网页文件的路径找出并存放在fileList数组里面

     start();

 }

 //get the file path

 function findfile(filepaths){

     var dirList = fs.readdirSync(filepaths);

         dirList.forEach(function(item){

             if(fs.statSync(filepaths + '/' + item).isFile()){//是文件则放入数组

                  if(item.indexOf(".html") != -1)//只将网页文件路径放入数组

                     fileList.push(filepaths + '/' + item);

             }

             else if(fs.statSync(filepaths + '/' + item).isDirectory()){//是目录，继续遍历

                 findfile(filepaths + '/' + item);

             }

         });

 }

 //播放网页

 var m = 0;

 function show(){

     page.src = fileList[m];

     if (m == fileList.length - 1)

         m = 0;

     else

         m++;

 }

 //开始播放

 function start(){

     time = window.setInterval("show()", second);//没隔一秒播放一个网页

 }

3、编写package.json文件

　　package.json文件代码如下：

 {

   "name": "nw-demo",

   "main": "index.html",

   "window": {

     "frame": false,

     "width": 500,

     "height": 500,

     "toolbar": false,

     "position": "center",

     "resizable": false,

     "kiosk":true

   }

 }

　　其中frame：false表示播放的时候，窗口的框架不显示。toolbar：false表示播放的时候，地址栏不显示。resizable：false表示播放的时候，窗口大小不能改变。kiosk：true表示播放的时候全屏。

4、运行，将这三个文件直接压缩成zip文件（这三个文件都是在zip文件的根目录下），script.js中地三行制定好要要播放的网页文件的目录。将zip文件改名成dome.nw,再将dome.nw拖入nw.exe即可运行，运行界面如下：

　　

node-webkit播放目录下所有网页文件的更多相关文章

  1. Unity3d:播放物理目录下的MP3文件

    u3d里,是支持播放MP3文件的,但要放到资源里,不支持播放物理目录下的MP3文件.由于界面上无需显示,只是当作背景音乐来播放,所以想到调用c#的组件来解决此问题.主要代码都在附件中,根据需要加到自己 ...

  2. c# 获取指定目录下的所有文件并显示在网页上

    参考文献: FileInfo 的使用  https://msdn.microsoft.com/zh-cn/library/system.io.fileinfo_methods(v=vs.110).as ...

  3. [No00006B]方便的网络下载工具wget 可下载网站目录下的所有文件(可下载整个网站)

    wget是linux下命令行的下载工具,功能很强大,它能完成某些下载软件所不能做的,比如如果你想下载一个网页目录下的所有文件,如何做呢?网络用户有时候会遇到需要下载一批文件的情况,有时甚至需要把整个网 ...

  4. 【Unity基础知识之三】Unity Assets目录下的特殊文件夹名称

    Unity3D的特殊目录名称   Unity预留了一些目录名称,这些目录有着特殊的含义.比较重要的有: Resources这个目录下的所有文件都会被打包到发布版本中,程序可以通过文件路径来访问它们.这 ...

  5. 转载 Silverlight实用窍门系列：1.Silverlight读取外部XML加载配置---（使用WebClient读取XAP包同目录下的XML文件））

    转载:程兴亮文章,地址;http://www.cnblogs.com/chengxingliang/archive/2011/02/07/1949579.html 使用WebClient读取XAP包同 ...

  6. treeList获取目录下的所有文件

    /// <summary>/// treeList获取目录下的所有文件/// </summary>public static void InitTreeListGetFiles ...

  7. Silverlight实用窍门系列：1.Silverlight读取外部XML加载配置---（使用WebClient读取XAP包同目录下的XML文件））【附带实例源码】

    使用WebClient读取XAP包同目录下的XML文件 我们想要读取XAP包下面的XML文件,需要将此XML文件放在加载XAP包的网页的目录中去,然后使用URI方式读取此URL方式下的XML文件. 首 ...

  8. TreeView获取目录下的所有文件

    /// <summary> /// TreeView获取目录下的所有文件 /// </summary> /// <param name="tree"& ...

  9. [No000073]C#直接删除指定目录下的所有文件及文件夹(保留目录)

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

随机推荐

  1. C 应用

    前言 1)操作符两端必须加空格,(每行第一个赋值语句对齐). 2)变量名必须是英文(不能是拼音):英文.数字.下划线和美元符号. 3)等于号 == 反过来写(0 == i%4)防止少些赋值号的错误. ...

  2. python学习笔记—— 多进程中的 孤儿进程和僵尸进程

    1 基本概述 1.1 孤儿进程和僵尸进程 父进程创建子进程后,较为理想状态是子进程结束,父进程回收子进程并释放子进程占有的资源:而实际上,父子进程是异步过程,两者谁先结束是无顺的,一般可以通过父进程调 ...

  3. OAF_OAF Framework页面分析（概念）

    20150506 Created By BaoXinjian

  4. 图解最小生成树 - 克鲁斯卡尔(Kruskal)算法

    我们在前面讲过的<克里姆算法>是以某个顶点为起点,逐步找各顶点上最小权值的边来构建最小生成树的.同样的思路,我们也可以直接就以边为目标去构建,因为权值为边上,直接找最小权值的边来构建生成树 ...

  5. 【驱动笔记9】初探IRP

    文章作者:grayfox作者主页:http://nokyo.blogbus.com原始出处:http://www.blogbus.com/nokyo-logs/34005738.html 此前我们可能 ...

  6. Opening Default document on IIS （HTML With WebAPI）

    Question: I've a deployed ASP.NET Web API with a website on the same folder that consume it. When I ...

  7. Maven Docker镜像使用技巧

    摘要: Maven是目前最流行的Java项目管理工具之一,提供了强大的包依赖管理和应用构建功能.本文以Maven为例介绍了Docker在应用构建中的一些常见技巧. Maven是目前最流行的Java项目 ...

  8. php教程之php空白页的原因及解决方法

    php中出现空白页的原因及解决方法汇总. 很多程序员在进行php开发的时候都遇到过出现空白页的请,综合分析来说,在php编程中出现空白页面可能是由以下几个原因造成的: 1.逻辑错误逻辑错误是最难排除的 ...

  9. AI、机器学习、深度学习、神经网络

    1.AI:人工智能(Artificial Intelligence) 2.机器学习:(Machine Learning, ML) 3.深度学习:Deep Learning 人工功能的实现是让机器自己学 ...

  10. FPGA基础设计（四）：IIC协议

    很多数字传感器.数字控制的芯片(DDS.串行ADC.串行DAC)都是通过IIC总线来和控制器通信的.不过IIC协议仍然是一种慢速的通信方式,标准IIC速率为100kbit/s,快速模式速率为400kb ...