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。