使用 HTML5 + javascript 进行演示的基本框架
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2533908/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Basic framework for presentations using HTML5 + javascript
提问by Brian Clozel
Do you know a framework for making presentations using only HTML5 and javascript technologies?
I'm not talking about "export" features of various presentation software (powerpoint or OOo presentation).
您知道仅使用 HTML5 和 javascript 技术制作演示文稿的框架吗？
我不是在谈论各种演示软件（powerpoint 或 OOo 演示文稿）的“导出”功能。
Some requirements for the presentations made with this "framework":
使用此“框架”进行的演示的一些要求：
- take advantage of the latest HTML5 features (audio, video, canvas?)
- same with CSS3 (font support, gradient, shadows, transitions and transformations)
- 利用最新的 HTML5 功能（音频、视频、画布？）
- 与 CSS3 相同（字体支持、渐变、阴影、过渡和转换）
If there's no such thing, example of good presentations orpointers on the subject would be appreciated.
如果没有这样的事情，关于这个主题的好的演示或指针的例子将不胜感激。
Edit: Found a nice example, HTML5 - web development to the next level.
编辑：找到了一个很好的例子，HTML5 - web development to the next level。
采纳答案by Brian Clozel
Landslideis a pretty neat application that generates slideshows:
Landslide是一个非常简洁的应用程序，可以生成幻灯片：
- using the html5 presentation template
- ReStructured Text, Markdown syntax
- 使用html5 演示模板
- 重构文本，Markdown 语法
Deck.jsis another nice project; this time, slides are pure HTML/CSS/JS.
Deck.js是另一个不错的项目；这一次，幻灯片是纯 HTML/CSS/JS。
Even better, impress.jsrelies on CSS3 transforms and transitions.
更好的是，impress.js依赖于 CSS3 转换和过渡。
回答by Xavier
As a presentation tool i use Reveal.js, it's a very clean and modern presentation tool.
作为演示工具，我使用Reveal.js，它是一个非常干净和现代的演示工具。
It's made 100% with HTML5/CSS3/JS, the features i like the most are :
它是 100% 使用 HTML5/CSS3/JS 制作的，我最喜欢的功能是：
- 3D like CSS3 transitions between slides
- You can create nested slides - vertical slides into horizontal ones
- Support font-face
- you make internal links between slides
- The code is pretty, thanks to highlight.js
- Overview & two screens mode with
Escand `s``
- 幻灯片之间的类似 CSS3 的 3D 过渡
- 您可以创建嵌套幻灯片 - 将垂直幻灯片转换为水平幻灯片
- 支持字体
- 你在幻灯片之间建立内部链接
- 代码很漂亮，感谢highlight.js
- 概述和两个屏幕模式
Esc和`s`
I know you don't really want it but you can export to PDF, and fork it on github:)
我知道你并不真正想要它，但你可以导出为 PDF，然后在github上 fork :)
回答by jdcravens
回答by Porizm
回答by Neil
As an aside to the answers, you may also be interested in a nodejs controller to keep multiple remote viewers in sync with each other.
作为答案的旁白，您可能还对 nodejs 控制器感兴趣，以保持多个远程查看器彼此同步。
