如何在 html5 视频标签文本轨道中使用结构化提示？

Question

我看到一个文本轨道文件可以有这样的条目：

multicell
00:01:15.200 --> 00:02:18.800
{
"title" : "Multi-celled organisms"
"description" : "Multi-celled organisms have different types of cells that perform specialized functions."
}

我实际上并没有使用文本轨道文件，而是使用 javascript 为不在文件中的文本轨道对象创建“提示”。但问题是，如果我播放的视频具有这样的结构化提示，是否会出现任何字幕？
理想情况下，我会将“描述”字段显示为字幕，并且单独捕获“标题”字段的内容以及其他内容。 （我可以在一个事件中做到这一点）。任何帮助表示赞赏。

Answer 1

我为你整理了一个小cue-example。

回答您的问题：

1. 如何使曲目可见 a) 曲目必须是“字幕”或“字幕”类型。 b) 曲目必须处于“显示”模式

   //为视频添加字幕轨道

   var track = $('video').get(0).addTextTrack('subtitles', 'just a test', 'en');

   //让它可见

   track.mode = '显示';

2. 结构化数据

球杆总是有文字信息，并且总是显示洞的文字。当然，你可以解析一个 JSON 字符串并用它做任何你想做的事情。如果您以编程方式生成提示。您不需要添加 JSON。您可以将描述文本直接传递给 cue 构造函数，然后使用自定义属性简单地扩展生成的 cue。

function createStructuredCues(s, e, obj){
    var cue = new TextTrackCue(s, e, obj.description);
    cue.customMetaData = obj;
    return cue;
}