2014-05-02 37 views
13

我想使用reveal.js的服務器端揚聲器筆記,以便我的筆記本上運行演示文稿時可以使用其他設備切換幻燈片。我遵循the instructions on reveal.js github page,現在已經完全安裝。如何使用reveal.js的服務器端揚聲器筆記

我可以在我的筆記本電腦上使用揚聲器筆記,沒有任何問題。所以我嘗試了服務器端揚聲器筆記following these instructions。因此,當我運行服務器並使用瀏覽器轉到localhost:1947時,會打開一個彈出窗口,看起來像普通的演講者備註頁面。我現在有三個問題:

1)我的筆記不顯示在彈出頁面。儘管他們在普通演講者筆記頁面中做過。

2)如果我通過幻燈片,在彈出的頁面掃他們沒有在主頁

3更改),在彈出的頁面中的「即將到來的」節不更新。但它在普通演講者筆記中已經做到了。

我使用的是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.html的在reveal.js目錄,並使用安裝插件:

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)

+0

你能分享一些代碼嗎?根據給定的信息,找出問題可能會有點困難。 – tpae

+0

我添加了一個簡單的例子,說明如何使用它和輸出的照片。有什麼需要檢查我是否已安裝?我也發現這個插件https://github.com/ysmood/notell工作正常,但缺乏靈活性 –

+0

我認爲你沒有使用正確的配置。請參閱下面提到的配置[this](https://github.com/hakimel/reveal.js/#multiplexing)。您必須使用'multiplex .. {secret ..,id ..,url ..}' – user568109

回答

3

我認爲Reveal.js有問題。等待分辨率,您可以關閉彈出窗口並按's'鍵。這對我來說會正常工作。