Я хотел бы динамически добавлять текст в видео HTML5. В настоящее время это достигается с помощью Flash и передачи переменных, которые Flash ожидает через определенные промежутки времени. Что будет эквивалентно (если есть) в HTML5? У кого-нибудь есть примеры?
Динамический текст в видео HTML5
Ответы (4)
Вы можете попробовать что-то вроде этого...
http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
Вот еще один подход: http://blog.app-solut.com/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/
Вы можете отобразить кадры на холсте, а затем добавить оттуда текст. Вот пример 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
Эквивалентом этого может быть API текстового трека или элемент трека. Что дает вам несколько вещей. Событие cuechange для сценариев (вид = метаданные), использующее API текстовой дорожки для прямого рендеринга субтитров в видео (вид = субтитры).
Как объяснялось выше, HTML5 предоставляет вам DOMScripting и Markup-API для достижения этой цели. В настоящее время это поддерживает только Safari. Вы можете найти пример использования полифилла здесь.