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

时间:2010-03-28 17:59:06

标签: javascript html5 presentation

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

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

  • 利用最新的HTML5功能(音频,视频,画布?)
  • 与CSS3相同(字体支持,渐变,阴影,过渡和变换)

如果没有这样的事情,那么<赞成>关于这个主题的好的演示或指针的例子将不胜感激。

编辑:找到一个很好的例子,HTML5 - web development to the next level

5 个答案:

答案 0 :(得分:63)

Landslide是一个非常简洁的应用程序,可以生成幻灯片:

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

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

答案 1 :(得分:8)

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

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

  • 3D幻灯片之间的CSS3过渡
  • 您可以创建嵌套幻灯片 - 垂直幻灯片为水平幻灯片
  • 支持font-face
  • 您在幻灯片之间建立内部链接
  • 代码很漂亮,多亏了highlight.js
  • 概述&amp;两个屏幕模式Esc和`s``

我知道你真的不想要它,但你可以导出为PDF,并在github上分叉:)

答案 2 :(得分:2)

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

答案 3 :(得分:1)

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

BoardJS

答案 4 :(得分:0)

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

controldesk.js