从字符串中添加.vtt跟踪

Question

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

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

我想省略保存到文件的步骤，只需将变量内容直接读入<track>元素。如何才能做到这一点？

Answer 1

您可以使用addTextTrack JS。这是一个演示

//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"));