Динамический текст в 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

эквивалент для этого было бы апи текст дорожки или элемент дорожки. Это дает вам несколько вещей. Событие cuechange для сценариев (kind = metadata), используя текстовую дорожку api, чтобы напрямую отображать субтитры в видео (kind = субтитры).

Как описано выше, HTML5 предоставляет вам DOMScripting и Markup-API для достижения этой цели. В настоящее время поддерживается только Safari. Вы можете найти example using a polyfill here.