1

我有一个页面，我想使用 PopcornJS 插入带有 TTML 字幕的视频元素，如您在此 Fiddle中所见。一切正常，除了字幕。他们不显示。当我做诸如<video src="myvideo.mp4" data-timeline-sources="data.ttml" />字幕之类的事情时，它可以正常工作。

那么我在这里做错了什么，还是 PopcornJS 无法插入video元素，设置data-timeline-sources属性并使用该字幕文件播放视频？

我的 data.ttml 字幕文件如下所示：

<tt xmlns:tts="http://www.w3.org/2006/04/ttaf1#styling" xmlns="http://www.w3.org/2006/04/ttaf1">
<body region="subtitleArea">
  <div>
    <p xml:id="subtitle1" begin="0.50s" end="2.5s">
      Test subtitle 1
    </p>
    <p xml:id="subtitle2" begin="3.0s" end="5.0s">
      Test subtitle 2
    </p>
    <p xml:id="subtitle3" begin="5.5s" end="8.5s" >
      Test subtitle 3a<br/>
      Test subtitle 3b
    </p>
    <p xml:id="subtitle4" begin="9.5s" end="12.0s">
      Test subtitle 4
    </p>
    <p xml:id="subtitle5" begin="13.0s" end="15.0s">
      Test subtitle 5
    </p>
  </div>    
</body>
</tt>
4

1 回答 1

0

Popcorn TTML 解析器是一个脚本，所以把它放在一个脚本标签中，如下例所示：

IE10 是唯一原生支持 TTML 的浏览器。Chrome 支持WebVTT。Firefox 都不支持。以下是关于每个的一些教程：

于 2013-06-14T02:19:58.660 回答