0

我正在我的视频元素中集成隐藏式字幕

 <div style="text-align:center;">
        <video width="720" height="360" controls>
            <source src="Files/testvideo_1.mp4" type="video/mp4">
            <track label="English" kind="subtitles" srclang="en" src="Files/testvideo_CC.xml" default >
            Your browser does not support the video tag.
        </video>
    </div>

这里使用的字幕文件是 ttml 类型的。根据下面的链接,ttml 和 webvtt 类型的字幕文件都适用于 html5 视频。

http://www.html5labs.com/prototypes/video-captioning/video-captioning/info

但在 Internet Explorer 中,ttml 格式有效,而 webvtt 无效。在 firefox 和 chrome 的情况下,只有 webvtt 文件有效,而 ttml 无效。请参阅下面的链接

http://www.html5labs.com/prototypes/video-captioning/video-captioning/info

我只有 ttml 类型的字幕文件,并且在 web 的大多数教程中他们都使用 webvtt 文件,所以有什么方法可以在所有浏览器中使用它

4

2 回答 2

1

TTML 和 WebVTT 均由 W3C 的定时文本工作组 (TTWG) 标准化,其章程列出了两者。要获得推荐,它们都必须对 Web 友好。TTML 自 2010 年以来一直被推荐,WebVTT 正在进行中,目前是第一个公开工作草案。

今天,更多的浏览器在某种程度上支持 WebVTT 开箱即用;尽管 IE 历来原生支持 TTML,但 BBC 的 iPlayer 等典型实现使用 Javascript 来解析 TTML 并呈现它。这种方法也适用于 WebVTT。顺便说一句,Google Chromecast 也可以原生播放 TTML,Exoplayer 中有一些代码可以在 Android 上播放 TTML。例如,在 github 上有很多其他的播放器代码示例。

TTML(或 TTML 的配置文件)也广泛用于不主要被视为浏览器的实现中,例如在 YouView、CFF、HbbTV、DVB DASH、ARIB 等联网电视规范中。

于 2015-04-22T15:28:14.463 回答
0

TTML 和 WebVTT 是几年前规范出现时的字幕竞争标准,但从那时起,WebVTT 在很大程度上胜出。您不需要使用 TTML。

查看 HTML5 track spec 讨论 WebVTT 的使用用于 WebVTT 的 caniuse。两者都没有将 TTML 列为替代方案。

于 2015-04-21T15:32:49.440 回答