首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用TTML添加HTML5视频字幕

使用TTML添加HTML5视频字幕
EN

Stack Overflow用户
提问于 2015-02-26 16:57:37
回答 1查看 2.3K关注 0票数 0

我现在正尝试播放一部有字幕的电影。需要TTML格式。我正在使用这个页面上的示例:https://msdn.microsoft.com/en-us/library/ie/jj152136%28v=vs.85%29.aspx

TTML:

代码语言:javascript
复制
<?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:

代码语言:javascript
复制
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.

我的玩家代码如下:

代码语言:javascript
复制
    <video id="video" controls="" autobuffer="" autoplay="" loop="">
        <track enabled kind="captions" src="{{url}}" srclang="en" label="English Subtitles" default />
    </video>

使用VTT格式(.vtt文件、文本/vtt),Chrome能够使用字幕并按预期显示它们。但是,使用TTML格式(.xml文件、text/vtt )、Chrome和Opera在我单击以启用标题和没有显示字幕后删除CC按钮。

我已经尝试过调整mimetype,但是得到了很多错误“,但使用MIME类型text/xml传输”(尝试过的application/xml+ttml,以及其他一些)。

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-03-23 13:18:26

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/28748268

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档