如何在html5视频标签文本跟踪中使用结构化线索?

时间:2013-02-11 21:54:12

标签: html5-video cue

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

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为不在文件中的texttrack对象创建“提示”。但问题是,如果我播放的视频带有这样的结构线索,那么会出现任何字幕吗? 理想情况下,我会将“description”字段显示为字幕,并且我会分别抓住“title”字段的内容,以及其他内容。 (我可以在一个事件中这样做)。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:0)

我为你准备了一个小cue-example

回答你的问题:

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

    //为视频添加字幕轨道

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

    //让它可见

    track.mode ='显示';

  2. 结构化数据

  3. Cue始终具有文本信息,并始终显示孔文本。当然,您可以解析JSON字符串并随意执行任何操作。如果您以编程方式生成提示。您不需要添加JSON。您可以将描述文本直接传递给cue构造函数,然后使用自定义属性扩展生成的cue。

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