如何使用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 ”键。 这将为我正确工作。