Question

我目前正在尝试播放带字幕的电影。 TTML格式是必需的。我在此页面上使用示例：https://msdn.microsoft.com/en-us/library/ie/jj152136%28v=vs.85%29.aspx

TTML：

<?xml version='1.0' encoding='UTF-8'?> 
<tt xmlns='http://www.w3.org/ns/ttml' xml:lang='en'> 
<body> 
<div>
<p begin="00:00:01.878" end="00:00:05.334">Good day everyone, my name is John Smith</p> 
<p begin="00:00:08.608" end="00:00:15.296">This video will teach you how to<br/>build a sand castle on any beach</p> 
</div>
</body> 
</tt>

在Vtt：

WEBVTT

00:00:01.878 --> 00:00:05.334
Good day everyone, my name is John Smith

00:00:08.608 --> 00:00:15.296
This video teaches you how to 
build a sand castle on any beach.

我的播放器代码如下：

    <video id="video" controls="" autobuffer="" autoplay="" loop="">
        <track enabled kind="captions" src="{{url}}" srclang="en" label="English Subtitles" default />
    </video>

使用VTT格式（.vtt文件，text / vtt mimetype），Chrome可以使用字幕并按预期显示它们。但是，使用TTML格式（.xml文件，text / vtt mimetype）后，Chrome和Opera会在我单击以启用字幕后删除CC按钮，并且不会显示字幕。

我已经尝试调整mimetype但是已经收到错误＆＃34;资源被解释为TextTrack但是使用MIME类型text / xml＆＃34;很多（尝试过application / xml + ttml，还有其他一些）。

我的目标是让TTML文件像VTT文件一样播放字幕。

Answer 1

Chrome不支持TTML，也不打算这样做： https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/vXuOTK5M0hM

使用TTML添加HTML5视频字幕

1 个答案: