Prezi HTML5 संपादक impress.js

Question

के माध्यम से मुझे हाल ही में पता चला है कि impress.js Prezi के HTML5 संस्करण के रूप में बनाया गया है। यह हमें मालिकाना फ्लैश तकनीक से दूर जाने में मदद करता है, और इसके बजाय एक खुले वेब मानक का उपयोग करता है जो सभी प्लेटफार्मों के लिए सार्वभौमिक बन जाएगा।

हालांकि, एचटीएमएल टेक्स्ट एडिटर (जैसे अनुवाद, रोटेशन और स्लाइड के लिए स्केल वैल्यू लिखना) पर कोड टाइप करना परेशान है। प्रस्तुति को विज़ुअलाइज़ करना मुश्किल हो जाता है, खासकर जब कोड असहनीय लंबाई तक बढ़ाया जाता है।

तो यहां एक उदाहरण है जिसे मैंने अभी बनाया है। नीचे दिए गए HTML कोड को पढ़ने पर, यह जानना मुश्किल है कि स्लाइड्स कहां हैं, और वे कैसे प्रदर्शित होंगे।

<div id="impress"> 
    <div class="step" data-x="0" data-y="0"> 
     Slide 1 at origin. 
    </div> 

    <div class="step" data-x="100" data-y="100" data-scale="0.5"> 
     Slide 2 has been moved south-eastern side and shrunk by half compared to slide 1. 
    </div> 

    <div class="step" data-x="-500" data-y="-405" data-rotate-x="50" data-rotate-y="-34" data-rotate-z="50" data-scale="2.5"> 
     Slide 3 has been rotated in 3D and is 2.5x larger than slide 1. 
    </div> 
</div> 

<script type="text/javascript" src="impress.js"></script> 

A JS Fiddle Example।

तो क्या कोई WYSIWYG HTML5 प्रीज़ी संपादक है जिसका मैं उपयोग कर सकता हूं? मैं एक चाहता हूं क्योंकि यह HTML5, CSS3 और जावास्क्रिप्ट के आधार पर प्रस्तुतियां बनाना अधिक आसान बना देगा।

Answer 1

अरे मैंने हाल ही में स्ट्रूट बनाया है। बस ImpressJS के लिए और यह एक प्रस्तुति संपादक वर्तमान में अल्फा में है, लेकिन वहाँ एक लाइव डेमो अप यहाँ है: http://strut.io

Github रिपॉजिटरी: https://github.com/tantaman/Strut

और इसके बारे में यहाँ एक यूट्यूब vid है: http://www.youtube.com/watch?v=zA5s8wwme44&feature=share

आप एक्स, वाई & जेड दिशाओं में स्लाइड को ले जाकर स्लाइड्स के बीच संक्रमण को संशोधित करके स्लाइडों को जोड़/हटा सकते हैं, छवियों और टेक्स्ट बॉक्स को सम्मिलित कर सकते हैं, फोंट बदल सकते हैं, प्रस्तुतियां सहेज सकते हैं और स्लाइड्स के बीच संक्रमण संशोधित कर सकते हैं।

Answer 2

संपादन स्लाइड सामग्री इनलाइन के लिए वहाँ http://lab.evo42.net/editable-impress.js/ पर अलोहा संपादक के साथ किया एक पहले प्रोटोटाइप है * उपलब्ध - जोड़ने या स्लाइड की व्यवस्था संभव नहीं है अभी तक ...

*) http://aloha-editor.org

Answer 3

वैकल्पिक रूप से, आप कर सकते थे Presenteer.js (http://willemmulder.github.com/Presenteer.js/) का उपयोग करें जो बस एक HTML तत्व से अगले तक चलता है और केंद्र/व्यूपोर्ट में इसे ज़ूम करता है। आपको डेटा तत्वों की आवश्यकता नहीं होगी, लेकिन सीएसएस के साथ काम कर सकते हैं।

Answer 4

मैंने हाल ही में एक काम कर रहे impress.js editor प्रोटोटाइप प्रकाशित किया है जहां मैंने प्रस्तुति में स्लाइड की WYSIWYG स्थिति पर ध्यान केंद्रित किया था।

आप प्रगति को ट्रैक या GitHub पर समस्याओं की रिपोर्ट कर सकते हैं: https://github.com/naugtur/builder4impress

Answer 5

Impress.js के लिए कई WYSIWYG संपादक रहे हैं, पर चर्चा की on its GitHub समस्या ट्रैकर।

Strut और Impressionist सबसे अधिक प्रशंसनीय प्रतीत होता है। स्ट्रूट बहुत सक्रिय रूप से विकसित हुआ है (अंतिम प्रतिबद्धता: कल)

पर चर्चा नहीं की गई है http://www.impressi.me/, जो अप्रैल 2012 से छोड़ दिया गया है। यह भी बहुत बुनियादी है: आप केवल पाठ और संक्रमण जोड़ सकते हैं। कोई छवि नहीं, एक कस्टम फ़ॉन्ट आकार दर्ज नहीं कर सकते हैं।

Answer 6

impress.js प्रस्तुतियों को बनाने का एक और तरीका है और यह पूरी तरह से निशुल्क है - www.jspres.com पर उपलब्ध है।प्रस्तुतिकरण बनाने के लिए मॉड्यूल जावास्क्रिप्ट आधारित है, लेकिन प्रोजेक्ट में सर्वर की तरफ शामिल है जो उपयोगकर्ता प्रस्तुतियों को संग्रहीत करता है और वे उन्हें प्रत्येक कंप्यूटर से एक्सेस कर सकते हैं।

उदाहरण के लिए जेएसपीआरएस के साथ दो प्रस्तुतियां दी गई हैं। पहला यह प्रोजेक्ट का प्रोमो है, और दूसरा प्रेजेंटेशन है जिसने मेरे देश में राष्ट्रीय आईटी ओलिंपिक्स पर परियोजना की कल्पना की है (यही कारण है कि अंग्रेजी में नहीं है, लेकिन आपको संक्रमण देखना होगा: पी)

http://jspres.com/presentation/present/p:3

http://jspres.com/presentation/present/p:31

तो किसी को भी देख सकते हैं और यह कोशिश लेकिन कुछ परेशानियों मैं एक साधारण गाइड लिखा आप मूल बातें समझने में मदद मिलेगी और यहां पाया जा सकता है करना चाहते हैं: http://blog.jspres.com/2013/03/getting-started/

तो मैं थोड़ी उत्तेजित करने के लिए कुछ स्क्रीन रखूंगा परियोजना को देखने के लिए आप में जिज्ञासा। काश आप इसे पसंद करेंगे।