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



我看到一个文本跟踪文件可以有这样的条目:

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为不在文件中的文本跟踪对象创建"提示"。但问题是,如果我播放的视频中有这样的结构化提示,会出现字幕吗
理想情况下,我会让"描述"字段显示为字幕,然后分别捕捉"标题"字段的内容和其他内容。(我可以在事件中这样做)。感谢您的帮助。

我为您整理了一个小提示示例。

回答您的问题:

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

    //将字幕音轨添加到视频

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

    //使其可见

    track.mode="正在显示";

  2. 结构化数据

提示始终具有文本信息,并且始终显示孔文本。当然,你可以解析一个JSON字符串,并用它做任何你想做的事情。您不需要添加JSON。您可以将描述文本直接传递给提示构造函数,然后使用自定义属性简单地扩展生成的提示。

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

最新更新