如何使用reveal.js的服务器端扬声器音符

时间:2014-05-02 08:30:06

标签: node.js socket.io npm reveal.js

我想使用reveal.js的服务器端扬声器音符,这样我可以使用其他设备在我的笔记本电脑上运行演示文稿时切换幻灯片。我跟着the instructions on reveal.js github page,现在已完整安装。

我可以在笔记本电脑上使用扬声器音符而不会出现问题。所以我尝试了服务器端扬声器说明following these instructions。因此,当我运行服务器并使用浏览器转到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>

slides

server notes (popup)

1 个答案:

答案 0 :(得分:3)

我认为Reveal.js有问题。待处理分辨率,您可以关闭弹出窗口并按“ s ”键。这对我来说是正常的。