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

您是否知道只使用HTML5和JavaScript技术进行演示的框架?
我不是在谈论各种演示软件(powerpoint或OOo演示)的“导出”function。

对这个“框架”所做的介绍有一些要求:

  • 利用最新的HTML5function(audio,video,canvas?)
  • 与CSS3相同(字体支持,渐变,阴影,转换和转换)

如果没有这样的事情, 好的介绍或指针的主题的例子将不胜感激。

编辑:find一个很好的例子, HTML5 – Web开发到一个新的水平 。

滑坡是一个非常漂亮的应用程序,可以生成幻灯片:

  • 使用html5演示文稿模板
  • ReStructured Text,Markdown语法

Deck.js是另一个不错的项目。 这次,幻灯片是纯HTML / CSS / JS。

更好的是, impress.js依靠CSS3转换和转换。

作为一个演示工具我使用Reveal.js ,这是一个非常干净和现代的演示工具。

它是用HTML5 / CSS3 / JS完成的,我最喜欢的function是:

  • 幻灯片之间的3D像CSS3过渡
  • 您可以创build嵌套幻灯片 – 垂直幻灯片到水平幻灯片
  • 支持字体
  • 你在幻灯片之间build立内部链接
  • 代码很漂亮,感谢highlight.js
  • 概述和两个屏幕模式与Esc和`s“

我知道你不是真的想要它,但你可以导出到PDF,并在github上分发 🙂

如果你想获得WebSocket的支持,并能够通过Sencha 2.0 HTML5移动应用程序控制Deck.js演示文稿,你可以尝试Robodeck 。

这个图书馆用于制作演示文稿,故事和广告。

BoardJS

除了答案之外,您还可能对nodejs控制器感兴趣,以使多个远程查看器保持同步。

controldesk.js