是否有一个用于视频元素的html5 API可以在给定的播放提示下触发事件？

Question

我尝试在html5中实现字幕显示，例如：

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

我该怎么做？除了popcorn.js还有更好的方法吗？

Answer 1

在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();

Answer 2

HTML5 <video>或所有HTML5媒体元素都有 timeupdate 事件，您应该将其用于此类目的。

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

更多信息：

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

Answer 3

对于字幕，请尝试使用WebVTT。这里有一个深入的教程：HTML5 Multimedia and Accessibility和WebVTT and Video Subtitles。有许多JavaScript库可以帮助你解决这个问题，文章中提到了一些。