positive: TTML 兼容性<br>TTML 目前主要是大部分的广播和电视公司、电影制作公司以及电视流媒体平台等公司在使用,例如大家知道的 BBC、Netflix、HBO甚至还有好莱坞。客户端方面的话 VLC Player 开源播放器已经支持这种格式的字幕文件了。而在 Web 上虽然早已有了 W3C 规范,但是似乎浏览器厂商并不是非常买账,目前仅有 IE10+ 支持该格式,且IE 上支持的仅仅只是 TTML 规范的一个子集,按照文档描述,包括 Animation 在内的一些特性都不太支持,更不用提之后 TTML2 中新增的一些特性了。<br>Note: IMSC does not have native support in browsers at this current moment, but the imscJS polyfill can be used to bridge this gap. All the examples below are rendered by using imscJS. It creates dynamically HTML and CSS from an IMSC XML document.<br>虽然 Web 上的兼容性这么惨淡,不过好在有对应的Polyfill 实现可以兼容。使用起来比较简单,调用几个官方 API 方法即可。解析 ttml 字幕内容后调用getMediaTimeEvents()方法获得一个包含所有的字幕片段以及每个动画的起始时间的数组,根据对应的起始时间调用generateISD()方法获取到对应时间片段的字幕片段数据,最后转换成 DOM 使用renderHTML()方法进行渲染即可。<br>constttmlObject=imsc.fromXML(ttmlXmlString);consttimes=ttmlObject.getMediaTimeEvents();constsnapshot=imsc.generateISD(ttmlObject,times[1]);imsc.renderHTML(snapshot,document.getElementById('videoContainer'));<br>Polyfill 的详细文档可以查看MDN,同时官方提供了一个 demo 方便大家快速了解。<br>TTML
negative: 有些表述错误再强调一下,也不知道还有没有人能看到...<br>1.第一个视频是微博@最挪的挪 添加后期“字幕”,并非我原创<br>2.第二个视频之前表述成了「原版」有误。我实际想表达的意思是真正的rap是这样的。该视频为抖音@小念郎 创作,但原唱应为乃万根据陶喆的原曲重新填词制作。<br>以下原答<br>“虽然Jony J说的都是中文但我还是忍不住要加个字幕”<br>淡黄的长裙蓬松的头发https://www.zhihu.com/video/1226917960427991040<br>是微博@最挪的挪 加的字幕嗷 我只是搬运工¿<br>想知道这是什么梗的看到这应该都能懂了吧<br>下面是我到处收集来的沙雕视频<br>喜欢的点赞收藏哦<br>-------------(低端分割线)-----------------<br>哈哈哈哈有人看那我再更一点吧<br>你们多赞赞我呀哈哈哈哈<br>都是网上找来的 侵删<br>先来一组谐音梗<br>Jony J:不是我不Jony,你这个基础让我怎么Jony ?<br>Lisa:Lisa了我吧<br>蔡徐坤:我kun了<br>ELLA:ELLA倒吧!<br>还有这才是真正的rap!!!<br>(抖音@小念郎 翻唱,侵删)<br>懒羊羊:谁在叫我?<br>王宝强:???<br>黄渤:¿有我啥事<br>(评论有人说是shi黄色...行吧)<br>有人看的话我再找点来吧哈哈哈哈哈<br>---分---割---线---<br>开心!知乎小透明第一次破百赞了<br>我来了我来了<br>真实版本禁止外泄!<br>哈哈哈哈哈哈https://www.zhihu.com/video/1227227227089707008<br>我又来更新了<br>pyq看到的<br>Panta.Q 制作https://www.zhihu.com/video/1227227343267508224<br>最后,欢迎来我公众号『在吗在吗在吗』玩呀!!<br>那个啥,我说明一下,前几天知乎被禁言了是因为我评论了我对象的回答一个「爬」哈哈哈哈哈哈哈哈哈不好意思,跟这个回答无关。<br>这里是我的获奖感言