javascript - 有什么方法可以使用 Video.js 从视频标签中获取当前字幕的文本吗？

Question

我想在播放视频期间获取当前字幕的文本(而不是实现自己的字幕 block (即隐藏原始字幕)并以几种不同的方式使用这些信息)。目前我使用 videojs为我的球员。有没有办法从中获取当前字幕的字符串？

Answer 1

此代码获取当前提示并放入 <span>元素

(function(){

    var video = document.querySelector('video');
    var span = document.querySelector('span');

    if (!video.textTracks) return;

    var track = video.textTracks[0];
    track.mode = 'hidden';

    track.oncuechange = function(e) {

        var cue = this.activeCues[0];
        if (cue) {
            span.innerHTML = '';
            span.appendChild(cue.getCueAsHTML());
        }

    };
})()

这是教程:Getting Started With the Track Element