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. iPhone手机屏幕的尺寸180330更新

    以下是 iPhone的型号和对应的屏幕宽高 英寸  宽 高  厚度 3.5   320 480 4s      ipad   系列   4   320 568 5   5s   4.7  375 66 ...

  2. RHEL6 - 图形化设置IP

    RHEL6下我们除了麻烦地修改网卡的主配置文件外,还可以通过setup,system-config-network等工具指令打开网卡的图形化界面   #setup #system-config-net ...

  3. PLSQL_Oracle Exception异常分类、异常抛出、异常处理、异常传播（概念）

    2014-06-03 Created By BaoXinjian

  4. Linux内存初始化(一)

    一.前言 一直以来,我都非常着迷于两种电影拍摄手法:一种是慢镜头,将每一个细节全方位的展现给观众.另外一种就是快镜头,多半是反应一个时代的变迁,从非常长的时间段中,截取几个典型的snapshot,合成 ...

  5. WebBrowser无法显示招商银行password输入控件的问题

    本文由CharlesSimonyi发表于CSDN博客:http://blog.csdn.net/charlessimonyi/article/details/30479131转载请注明出处 之前就看到 ...

  6. [转]OrCAD PSpice DIODE model parameter

    1.从OrCAD PSpice help文档: 2.国外网站的相关介绍: The DC characteristics of the diode are determined by the param ...

  7. 阿里云-DRDS（转）

    分库分表 DRDS 在后端将数据量较大的数据表水平拆分到后端的每个 RDS 数据库中,这些拆分到RDS中的数据库被称为分库,分库中的表称为分表.DRDS 由每个分库负责每一份数据的读写操作,从而有效的 ...

  8. Shiro整合SSH开发3：配置Shiro认证后页面地址跳转问题（和详述不配置须要注意的问题）

         在视频教程中讲请求认证成功后跳转页面的问题是一笔带过的,可是我认为有必要单独写一篇相应的文章进行叙述.      我用了SSH来整合Shiro,在开发后验证的过程中,每次登陆后Shiro都会 ...

  9. Diamond 3.5简易教程（二）------软件的简单使用

    二.软件的简单使用 工程建立后我们就可以进行程序的编写添加了. 选择左下角file list 选项卡 这里主要是工程的信息. 在input files 上右键弹出选项addànew file... 在 ...

  10. SQL查询刚開始学习的人指南读书笔记(二)创建SQL查询

    PARTII: SQL Basics CHAPTER 4Creating a Simple Query 介绍一种怎样创建SQL语句的技术--"Request/Translation/Clea ...