javascript - 从字符串添加 .vtt 轨道

Question

我有一个简单的 vtt 轨道文件编辑器，其中构建的 vtt 文件内容保存在 var vtt 中.

目前我通过保存vtt的内容来添加轨道。到文件，然后将文件读取为 <track src='mynewvttfile.vtt' />

我想省略保存到文件的步骤，直接将变量内容读入<track>元素。如何实现这一目标？

Answer 1

您可以使用addTextTrack JS API。这是demo :

//add a subtitle track to a video
var track = $('video')[0].addTextTrack('subtitles', 'just a test', 'en');
//make it visible
track.mode = 'showing';

// add some cues to show the text
track.addCue(new VTTCue(0.5, 5, "My first Cue"));