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またはトラック構成要素であろう。それはあなたに複数のものを与えます。スクリプト（kind = metadata）のcuechangeイベント。テキストトラックapiを使用して字幕をビデオに直接表示します（kind = subtitles）。

HTML5では、これを実現するためにDOMScriptingとMarkup-APIが用意されています。現在、Safariだけがこれをサポートしています。 example using a polyfill hereが見つかります。