HTML/CSS video.js 上的格式化标题

Question

我正在研究自适应流媒体平台，我想问一下是否可以使用字幕（caption）通道来显示video.js格式（CSS）关于当前 video-clip。例如：在我的例子中，我用来传输一个音乐 video-clip 播放列表，我想向当前艺术家展示一个 css-box 以及相关信息。我目前使用 GPAC 东西发送自适应 mpeg-dash 视频，我想知道是否有一种方法可以通过字幕通道发送我需要为 css-box 中的每个视频显示的信息而不是标准格式为标题。临时 link www.allibrante.com 非常感谢！

Answer 1

MPEG DASH 支持字幕信息，可以作为单独的文件或在 mp4 容器中。

为字幕定义了不同的格式，但从您的需求描述来看，W3C TTML 似乎是一个很好的匹配。

这支持 CSS 设置文本样式 - 规范包括如下示例：

<region xml:id="r1">
  <style tts:extent="306px 114px"/>
  <style tts:backgroundColor="red"/>
  <style tts:color="white"/>
  <style tts:displayAlign="after"/>
  <style tts:padding="3px 30px"/>
</region>
...
<p region="r1" tts:backgroundColor="purple" tts:textAlign="center">
  Twinkle, twinkle, little bat!<br/>
  How <span tts:backgroundColor="green">I wonder</span> where you're at!
</p>

完整规范可在此处获得（撰写本文时）：https://www.w3.org/TR/2018/CR-ttml2-20180313/ and you can see some discussion and examples here: https://github.com/rbouqueau/TTML_in_MP4_DASH_statement

Answer 2

这是我的这种方法的原型： https://weasel.firmfriends.us/DualSubs/

（它确实有不能在 Firefox 和 Edge 中工作的 VTT 限制，但是它在 Chrome 和 Opera 中运行良好。就我个人而言，我可以接受，所以我打算将它集成到我的多视频观看制作页面中。）

在此处查看类似的线程讨论：

编辑：今天（2018 年 7 月 11 日），我在此处向 Mozilla 提交了错误报告：https://bugzilla.mozilla.org/show_bug.cgi?id=1474975

（我没有针对 Edge 提交错误...恕我直言，他们与 Opera 和 Chrome 不在同一个联盟中，而且可能永远不会。）

HTML/CSS video.js 上的格式化标题

HTML/CSS formatted caption on video.js

streaming

video.js

mpeg-dash