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

100

您知道仅使用HTML5和javascript技术进行演示的框架吗？
我不是在谈论各种演示软件（powerpoint或OOo演示）的“导出”功能。

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

利用最新的HTML5功能（音频，视频，画布？）
与CSS3相同（字体支持，渐变，阴影，过渡和转换）

如果没有这样的东西，那么可以在这个主题上做~~一些很好的介绍或指导的例子~~。

编辑：找到了一个很好的示例，将HTML5-Web开发提升到了一个新的水平。

javascript html presentation

— 布赖恩·克洛泽尔
source

2

deck.js也在GitHub上：imakewebthings.github.com/deck.js

— Tammo

13

38 +赞，26书签，但关闭了？在主持人遭到报复的风险下，我不得不说主持人有问题。我已经看到了十二个有趣的问题，没有正当理由就关闭了。

— Ben Lesh 2012年

4

看来这似乎表明网站的审核存在问题，与网站的受众脱节了。坦白说，这也是stackoverflow.com可能“跳高了鲨鱼”的标志。

— Ben Lesh 2012年

3

@blesh您会在下面的关闭原因中得到很好的描述。请注意，自从网站开始以来就存在这些紧要的原因，并且在常见问题解答中已清楚地表明，不允许这些类型的问题，因此不要感到惊讶。随着SO流量的增加，很多这类问题在雷达下溜走了，但这并不能证明它们的存在。你可以把它挂在元，如果你想，但我不认为人们会与不同意密切原因。

— casperOne 2012年

3

@IvoFlipse：问题不是答案是否是某种模糊且完全主观的度量标准的“质量”答案，而是它们是否对人们有用。从选票来看，问题和答案对许多人都非常有用。

— static_rtti 2012年

65

Landslide是一个非常漂亮的应用程序，可以生成幻灯片：

使用html5演示模板
重组文本，Markdown语法

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

更好的是，impress.js依赖CSS3转换和过渡。

— 布赖恩·克洛泽尔
source

我已经下载了Landslide文件，但是由于我是菜鸟，所以我对如何使用它完全感到困惑。所有命令行指令对我来说，自述指令听起来都很希腊。任何入门的指针将不胜感激。谢谢

— Sbhambry 2011年

1

@Saurabh：假设您已从git存储库克隆，请运行python setup.py build，然后python setup.py install使用root特权。现在，您将拥有landslide可用的命令，并在samples/目录下运行它。

— Ryan Li

@Ryan感谢您的回复。会尽快给它一个镜头。谢谢！

— Sbhambry 2011年

您可以将strut.io用作创建Impress.js和Bespoke.js演示文稿的GUI。

— Matt Crinklaw-Vogt

8

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

它是使用HTML5 / CSS3 / JS 100％制造的，我最喜欢的功能是：

幻灯片之间的CSS3过渡等3D
您可以创建嵌套幻灯片-将垂直幻灯片分成水平幻灯片
支持字体
您在幻灯片之间建立内部链接
代码非常漂亮，这要感谢Highlight.js
概述和两个屏幕模式，带有Esc和`s``

我知道您不是很想要它，但是您可以将其导出为PDF，并将其分叉到github上：）

— 泽维尔
source

2

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

— 杰克拉文斯
source

1

该库用于制作演示，故事和广告。

BoardJS

— Porizm
source

0

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

controldesk.js

— 尼尔
source