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

Question

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

Answer 1

Вот еще один подход: http://blog.app -solut.com / 2011/03 / display-дополнительные-overlay-elements-on-top-of-html5-video-element-with-javascript /

Answer 2

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

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

Answer 3

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

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

Answer 4

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