2010-03-28 167 views
98

介紹基本框架,你知道製作只使用HTML5和JavaScript技術演示的框架?
我不是在談論各種演示軟件(powerpoint或OOo演示文稿)的「導出」功能。使用HTML5 + JavaScript的

與此「框架」所作的介紹一些要求:最新的HTML5功能(?音頻,視頻,畫布)

  • 同樣與CSS3(字體支持,梯度

    • 佔據優勢,陰影,過渡和轉換)

    如果沒有這樣的事情,良好的演示 例子或關於這個問題 三分球,將不勝感激。

    編輯:已找到一個很好的例子,HTML5 - web development to the next level

  • +0

    你尋找[impress.js](http://bartaz.github.com/impress.js/)? – Yeo 2012-01-03 06:54:03

    +13

    38 + upvotes,26個書籤,但已關閉?有主持人報復的風險,我不得不說這裏的調節有問題。我看到了十幾個有趣的問題,沒有一個正確的理由。 – 2012-03-23 14:18:56

    +4

    看起來更像是這表明網站上的審覈存在問題,與網站的觀衆脫節。坦率地說,這也是stackoverflow.com可能「跳過鯊魚」的一個標誌。 – 2012-03-23 14:47:51

    回答

    63

    Landslide是一個漂亮整潔的應用程序,生成幻燈片:

    Deck.js是另一個很好的項目;這一次,幻燈片是純HTML/CSS/JS。

    更妙的是,impress.js依靠CSS3轉換和過渡。

    +0

    我已經下載了山體滑坡文件,但是作爲我的小白,我完全困惑於如何使用它。閱讀我的指令聽起來希臘語與我所有的命令行指示。任何指針開始將不勝感激。謝謝 – Sbhambry 2011-05-14 18:36:01

    +1

    @Saurabh:假設你已經從git倉庫克隆,運行'python setup.py build',然後'python setup.py install'以root權限運行。你現在可以使用'landslide'命令,在'samples /'目錄下運行它。 – 2011-05-17 14:16:23

    +0

    @瑞恩謝謝你的回覆。會盡快給它一個鏡頭。謝謝! – Sbhambry 2011-05-25 20:38:20

    2

    如果你想獲得的WebSocket的支持,並通過煎茶2.0 HTML5移動應用程序,你可以嘗試Robodeck控制Deck.js演示的能力。

    1

    這個庫是用於製作演示文稿,故事和廣告。

    BoardJS

    0

    順便給的答案,你可能也有興趣在控制器的NodeJS保持多個遠程觀衆在彼此同步。

    controldesk.js

    8

    作爲演示工具我用Reveal.js,這是一個非常乾淨和現代化的演示工具。

    它是由100%的HTML5/CSS3/JS,我最喜歡的特點是:

    • 3D像CSS3幻燈片
    • 您可以創建嵌套幻燈片之間的轉換 - 垂直滑入水平的人
    • 支持字體面
    • 你做幻燈片
    • 的代碼相當之間的內在聯繫,這要歸功於突出。JS
    • 概述&兩個屏幕模式Esc和`s``

    我知道你真的不想要它,但你可以導出爲PDF,叉它github :)