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. 在Windows Service上安装运行Redis

    CSDN下载RedisWatcher,运行InstallWatcher.msi,默认安装在C:\Program Files (x86)\RedisWatcher,修改watcher.conf # re ...

  2. FA_固定资产六大业务增加、修改、报废、在建、折旧、盘点概述（概念）

    2014-06-04 Created By BaoXinjian

  3. 分享Memcached shell启动停止脚本

    注意:要使用这个shell,必须先成功建立memcache环境 1>建立memcached文件和权限 [root@luozhonghua ~]# touch /etc/init.d/memcac ...

  4. django1.8读书笔记模版高级进阶

    一.概述 想要定制或者扩展模版引擎,模版系统工作原理,自动转移特征 名词解析:模板 渲染 就是是通过从context获取值来替换模板中变量并执行所有的模板标签. 二.Context处理器 如果在模版中 ...

  5. ORM是什么？

    对象关系映射(Object Relational Mapping,简称ORM)是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术. 简单的说,ORM是通过使用描述对象和数据库之间映射的元数据 ...

  6. 深入Javascript中apply、call、bind

    最近在看一下node package的源码,发现很多里面都包含了function这个对象的apply.call.bind这三个方法,于是想拿出来再看看.. apply.call 在 javascrip ...

  7. Azure 怎么开通FTP

    1. 需要在Azure Portal设置端口:21, 1035, 1036, 1037,1038,1039,1040 2. 需要内网放开端口:21, 1035, 1036, 1037,1038,103 ...

  8. mysqld_safe与mysqld区别详解

    mysqld_safe与mysqld区别,直接运行mysqld程序来启动MySQL服务的方法很少见,mysqld_safe脚本会在启动MySQL服务器后继续监控其运行情况,并在其死机时重新启动它. 用 ...

  9. VS中一些不常用的快捷键

    Ctrl+E,S:将空格以···显示,将tab以→显示 在VS中使用快捷键(Ctrl+E,S),所有代码中的空格都会用小点表示出来,然后...删....不想看就再用一次好了... Ctrl+M,L:快 ...

  10. 批处理学习笔记6 - 重定向符>和>>

    重定向符大概有6,7种,和%符号差不多各有各的用途.这里学习>和>> >  是左边的值把右边的值覆盖 >> 是左边的值添加在右边的值上面 rem 是批处理的注释,类 ...