video.js上的HTML / CSS格式字幕

时间:2018-06-24 20:25:47

标签: streaming video.js mpeg-dash

我正在研究自适应流媒体平台,我想问问是否有可能使用字幕(字幕)频道以video.js格式(CSS)显示有关当前视频剪辑的信息。 例如:在我的情况下,我用来传输音乐视频剪辑播放列表,我想向当前的艺术家提供一个带有信息的css-box。 我目前使用GPAC来发送自适应的mpeg-dash视频,我想知道是否可以通过字幕频道发送需要在css-box内为每个视频显示的信息,而不是标准的字幕格式。 临时链接www.allibrante.com 非常感谢!

2 个答案:

答案 0 :(得分: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>

enter image description here

此处提供了完整的规范(在撰写本文时):https://www.w3.org/TR/2018/CR-ttml2-20180313/,您可以在此处看到一些讨论和示例:https://github.com/rbouqueau/TTML_in_MP4_DASH_statement

答案 1 :(得分:1)

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

(它确实具有不能在Firefox和Edge中使用的VTT限制,但 它可以在Chrome和Opera中正常运行。就我个人而言,我可以接受,所以我打算将其集成到我的多视频观看制作页面中。)

在此处查看类似的线程讨论: Videojs displaying a custom message without using any plugin

编辑:今天(2018年7月11日),我向Mozilla提交了错误报告,位于:https://bugzilla.mozilla.org/show_bug.cgi?id=1474975

(我并没有为Edge提交过错误报告……恕我直言,它们与Opera和Chrome不在同一个联盟中,而且可能永远也不会。)