javascript - 使用 Video.js 从 VTT 章节轨道中获取线索

Question

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

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

我找到了 Video.js 5.14.0 库中定义 id 的位置:

// 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

您可以获取所有轨道，然后获取章节类型的轨道:

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/text-tracks.md#working-with-text-tracks