Существует ли html5 API для элемента видео, который может инициировать событие при заданном воспроизведении?

Question

Я пытаюсь реализовать отображение заголовка в html5, что-то вроде:

video_element.addEventListener('CUE=11ms',show_sub1,false)

как я могу это сделать? и кроме popcorn.js есть ли лучший способ сделать это?

Answer 1

HTML5 <video> или все элементы мультимедиа HTML5 имеют событие timeupdate , которое следует использовать для таких целей.

https://github.com/miohtama/Krusovice/blob/master/src/show.js#L953

Подробнее:

https://duckduckgo.com/?q=!mdn+timeupdate

Answer 2

Для подписей попробуйте использовать WebVTT.Здесь есть подробное руководство: Мультимедиа и доступность HTML5 и WebVTT и субтитры на видео .Существует несколько библиотек JavaScript, которые помогут вам в этом, некоторые упоминаются в статьях.

Answer 3

в Firefox:

var mediaElement = document.getElementById('mediaElementID');  
mediaElement.seekable.start();  // Returns the starting time (in seconds)  
mediaElement.seekable.end();    // Returns the ending time (in seconds)  
mediaElement.currentTime = 122; // Seek to 122 seconds  
mediaElement.played.end();