如何使用reveal.js的服务器端演讲者笔记

我想使用reveal.js的服务器端音箱笔记,以便在笔记本电脑上运行我的演示文稿时,可以使用其他设备切换幻灯片。 我按照reveal.js github页面上的说明进行操作 ,现在已经完全安装了。

我可以在笔记本电脑上使用笔记本,而不会出现任何问题。 所以我按照这些说明尝试了服务器端的说话人笔记。 因此,当我运行服务器并使用浏览器转到localhost:1947时,会打开一个popup窗口,看起来像普通的演讲者笔记页面。 我现在有三个问题:

1)我的笔记不显示在popup页面。 尽pipe他们在正常的演讲者笔记页面中做过。

2)如果我浏览popup页面中的幻灯片,他们不会在主页面中更改

3)popup页面中的“即将到来”部分不会更新。 但在正常发言者的笔记中却是这样做的。

我正在使用一个Ubuntu 13.10 64位系统。 我已经安装了node.js v0.10.26,express 2.5.8和grunt v0.4.4。 我还使用以下方法安装了socket.io:

sudo npm install socket.io 

这可能是一些兼容性问题,或者是我做错了什么? 我从来没有与node.js或socket.io工作,所以我不知道在哪里看。

编辑:

我在这里添加一个简单的例子。 虽然为了使用它,你需要把它放在index.js目录中,并使用以下命令安装插件:

 npm install 

那么为了运行它input这个命令:

 node plugin/notes-server/ 

你还需要安装node.js和grunt。 运行后,您可以从本地主机:1947年打开幻灯片。 当你打开这个页面时,会popup一个注释页面,你应该可以在主页面上更改幻灯片。 不幸的是我不能。 index.html的:

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>minimal sample</title> <link rel="stylesheet" href="css/reveal.min.css"> <link rel="stylesheet" href="css/theme/default.css" id="theme"> </head> <body> <div class="reveal"> <div class="slides"> <section> <h1>Reveal.js</h1> <h3>HTML Presentations Made Easy</h3> <p> <small>Created by <a href="http://hakim.se">Hakim El Hattab</a> / <a href="http://twitter.com/hakimel">@hakimel</a></small> </p> </section> <section> <h2>Heads Up</h2> <p> reveal.js is a framework for easily creating beautiful presentations using HTML. You'll need a browser with support for CSS 3D transforms to see it in its full glory. </p> </section> </div> </div> <script src="lib/js/head.min.js"></script> <script src="js/reveal.min.js"></script> <script> Reveal.initialize({ dependencies: [ { src: 'socket.io/socket.io.js', async: true }, { src: 'plugin/notes-server/client.js', async: true } ] }); </script> </body> 

幻灯片

服务器笔记(弹出)

我认为Reveal.js有问题。 等待解决,您可以closurespopup窗口,然后按“ s ”键。 这将为我正确工作。