如何使用reveal.js的服务器端扬声器音符
sor*_*ife 14 node.js npm socket.io reveal.js
我想使用reveal.js的服务器端扬声器音符,这样我可以使用其他设备切换幻灯片,而我的演示文稿在我的笔记本电脑上运行.我按照reveal.js github页面上的说明操作,现在已经完整安装了.
我可以在笔记本电脑上使用扬声器音符而不会出现问题.所以我按照这些说明尝试了服务器端扬声器说明.因此,当我运行服务器并使用浏览器转到localhost:1947时,会打开一个弹出窗口,看起来像普通的扬声器备注页面.我现在有三个问题:
1)我的笔记没有显示在弹出页面中.尽管他们在正常的演讲者备注页面中做过.
2)如果我浏览弹出页面中的幻灯片,它们不会在主页面中更改
3)弹出页面中的"即将到来"部分不会更新.但它在正常的演讲者笔记中做到了.
我正在使用ubuntu 13.10 64位系统.我有node.js v0.10.26,表示安装2.5.8和grunt v0.4.4.我还使用以下方法安装了socket.io:
sudo npm install socket.io
这可能是一些兼容性问题,还是我做错了什么？我从来没有使用过node.js或socket.io,所以我不知道在哪里看.
编辑:
我在这里添加一个最小的例子.虽然为了使用它,你需要将它放在reveal.js目录的index.html中并使用以下命令安装插件:
npm install
然后为了运行它输入以下命令:
node plugin/notes-server/
你还需要安装node.js和grunt.运行后,您可以从localhost:1947打开幻灯片.当您打开此页面时,会出现一个弹出窗口,即备注页面,您应该可以从那里更改主页面中的幻灯片.不幸的是我做不到.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>
| 归档时间： |
|
| 查看次数： |
6803 次 |
| 最近记录： |