Динамический текст в видео HTML5

Я хотел бы динамически добавлять текст в видео HTML5. В настоящее время это достигается с помощью Flash и передачи переменных, которые Flash ожидает через определенные промежутки времени. Что будет эквивалентно (если есть) в HTML5? У кого-нибудь есть примеры?


person mudface    schedule 08.12.2010    source источник


Ответы (4)


Вы можете попробовать что-то вроде этого...

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

person Jeff    schedule 08.12.2010


Вы можете отобразить кадры на холсте, а затем добавить оттуда текст. Вот пример 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

person nebkat    schedule 08.12.2010

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

Как объяснялось выше, HTML5 предоставляет вам DOMScripting и Markup-API для достижения этой цели. В настоящее время это поддерживает только Safari. Вы можете найти пример использования полифилла здесь.

person alexander farkas    schedule 25.08.2012