使用“ timeupdate”事件实现视频字幕更改

时间:2018-08-20 01:10:13

标签: javascript

我正在使用自定义实现字幕支持(不允许WebVTT)的网络视频播放器。我已经获取并转换了字幕数据:

const subtitles = [{
  min: 8, // appear time in sec
  max: 12, // disappear time in sec
  text: 'some txt'
}, ...]

因此,为了更新字幕容器,我想出了类似这样的东西:

  video.addEventListener('timeupdate', () => {
    const textToDisplay = SH.findSubtitle(video.currentTime); // searches the subtitles array
    SH.render(textToDisplay);
  });

当然可以,但是在每个“ timeupdate”事件发出时都运行它是一个好主意吗?有什么更好的方法来解决这个问题?

0 个答案:

没有答案