HTML5视频中的动态文本

Question

我想动态地向HTML5视频添加文本。目前，这是通过Flash实现的，并且传递了Flash在特定时间间隔期待的变量。 HTML5中的等效（如果有的话）是什么？有没有人有任何例子？

Answer 1

你可以尝试这样的事情......

http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/

Answer 2

你可以使这些帧的画布上，然后从那里添加文本。下面是一个例子 http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/

http://www.craftymind.com/factory/html5video/CanvasVideo.html

http://www.craftymind.com/factory/html5video/CanvasVideo3D.html

Answer 3

下面是另一种方法：http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/

Answer 4

等效为这将是文本轨道API或轨道元件。这给了你很多东西。用于编写脚本（类型=元数据）的cuechange事件，使用文本跟踪API直接将字幕呈现到视频中（kind =字幕）。

如上所述，HTML5为您提供DOMScripting和Markup-API来实现这一点。目前只有Safari支持这一点。您可以找到example using a polyfill here。