使用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