2014-05-02 7 views
13

मैं प्रकट.जेएस के सर्वर साइड स्पीकर नोट्स का उपयोग करना चाहता हूं ताकि मैं अपने लैपटॉप पर मेरी प्रस्तुति चल रहा हो, जबकि मैं स्लाइड्स स्विच करने के लिए अन्य डिवाइस का उपयोग कर सकूं। मैंने the instructions on reveal.js github page का पालन किया और अब पूर्ण स्थापना है।manifest.js के सर्वर साइड स्पीकर नोट्स का उपयोग कैसे करें

मैं बिना किसी समस्या के अपने लैपटॉप पर स्पीकर नोट्स का उपयोग करने में सक्षम हूं। तो मैंने सर्वर साइड स्पीकर नोट following these instructions की कोशिश की। इस प्रकार जब मैं सर्वर चलाता हूं और लोकलहोस्ट पर जाता हूं: 1 9 47 ब्राउज़र का उपयोग करके एक पॉपअप खुलता है जो सामान्य स्पीकर नोट्स पेज जैसा दिखता है। अब मुझे तीन समस्याएं हैं:

1) मेरे नोट्स पॉपअप पेज में दिखाई नहीं देते हैं। भले ही उन्होंने सामान्य स्पीकर नोट्स पेज में किया था।

2) यदि मैं पॉपअप पेज में स्लाइड के माध्यम से स्वीप वे मुख्य पृष्ठ

3 में परिवर्तन नहीं करते) पॉपअप पेज में "आगामी" खंड अपडेट नहीं होता। लेकिन यह सामान्य स्पीकर नोट्स में किया था।

मैं एक उबंटू 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 स्थापित करने की भी आवश्यकता है। चलने के बाद आप स्थानीयहोस्ट से स्लाइड खोल सकते हैं: 1 9 47। जब आप इस पृष्ठ को खोलते हैं तो एक पॉप-अप दिखाई देगा जो नोट्स पेज है और आप वहां से मुख्य पृष्ठ में स्लाइड्स को बदलने में सक्षम होना चाहिए। दुर्भाग्य से मैं नहीं कर सकता। 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

मुझे लगता है कि आप सही कॉन्फ़िगरेशन का उपयोग नहीं कर रहे हैं। नीचे उल्लिखित विन्यास देखें [यह] (https://github.com/hakimel/reveal.js/#multiplexing)। आपको 'मल्टीप्लेक्स .. {गुप्त .., आईडी .., यूआरएल ..} ' – user568109

उत्तर

3

मुझे लगता है कि Reveal.js एक समस्या है। लंबित संकल्प, आप पॉपअप विंडो को बंद कर सकते हैं और 's' कुंजी दबा सकते हैं। यह मेरे लिए सही ढंग से काम करेगा।

संबंधित मुद्दे