通过VIDEO.JS从VTT章节曲目中获取提示

Question

我想从video.js对象中加载的章节文件中获取提示。我已经找到了如何获得曲目，但是我需要它的id才能访问它。

player.textTracks().getTrackById(<trackID>);

我发现了视频中id在哪里定义的位置。JS5.14.0库：

// video.js/dist/video.js (line 19195)
var trackProps = {
  id: options.id || 'vjs_track_' + Guid.newGUID(),
  kind: options.kind || '',
  label: options.label || '',
  language: options.language || ''
};

看来您可以通过将对象传递到函数来定义自己的id：

// video.js/dist/video.js (line 19178)
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

我加载章节轨道如下：

<track kind="chapters" src="chapters.vtt" srclang="en" default>

我已经读到您可以动态添加跟踪文件，但是您必须重新加载video.js对象。

Answer 1

您可以获取所有曲目，然后获得类型chapters的曲目：

player.on('loadedmetadata', function () {
    var tracks = player.textTracks(),
            chapterTrack;
    for (var i=0; tracks.length > i; i++) {
        if ('chapters' === tracks[i].kind) {
            chapterTrack = tracks[i];
        }
    }
    console.log(chapterTrack.cues);
});

https://github.com/videojs/video.js/blob/master/docs/guides/guides/text-tracks.md#working-working-with-with-text-text-tracks