簡體   English   中英

使用HTML5 + javascript進行演示的基本框架

[英]Basic framework for presentations using HTML5 + javascript

您是否知道僅使用HTML5和JavaScript技術進行演示的框架?
我不是在談論各種演示軟件(powerpoint或OOo演示)的“導出”功能。

使用此“框架”進行演示的一些要求:

  • 利用最新的HTML5功能(音頻,視頻,畫布?)
  • 與CSS3相同(字體支持,漸變,陰影,過渡和變換)

如果沒有這樣的事情,那么關於這個主題 的好的演示或 指針的 例子 將不勝感激。

編輯:找到一個很好的例子, HTML5 - Web開發到了一個新的水平

Landslide是一個非常簡潔的應用程序,可生成幻燈片:

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

更好的是, impress.js依賴於CSS3轉換和轉換。

作為我使用Reveal.js的演示工具,它是一個非常干凈和現代的演示工具。

它使用HTML5 / CSS3 / JS 100%制作,我最喜歡的功能是:

  • 3D像幻燈片之間的CSS3過渡
  • 您可以創建嵌套幻燈片 - 垂直幻燈片放入水平幻燈片
  • 支持font-face
  • 你在幻燈片之間建立內部鏈接
  • 由於highlight.js,代碼很漂亮
  • 帶有Esc和`s``的概述和兩種屏幕模式

我知道你真的不想要它,但你可以導出為PDF,並在github上分叉:)

如果您想獲得websocket支持並能夠通過Sencha 2.0 HTML5移動應用程序控制Deck.js演示文稿,您可以嘗試使用Robodeck

該圖書館用於制作演示文稿,故事和廣告。

BoardJS

除了答案之外,您可能還對nodejs控制器感興趣,以使多個遠程查看器保持彼此同步。

controldesk.js

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM