【问题标题】:Can HTML5 track element be used for *live* subtitles?HTML5 track 元素可以用于 *live* 字幕吗?
【发布时间】:2012-04-12 22:31:17
【问题描述】:

我正计划建立一个系统来广播公共事件(审判、会议、大会)。

一个关键请求是在 A/V 流中插入 live 字幕。

字幕将是“实时”的,因为它们将在活动发生时由运营商制作。

我想 HTML5“track”元素还没有被任何主流浏览器实现,但是:我可以期望最终将它用于 live 字幕吗?我可以在流播放时将字幕注入页面吗?

【问题讨论】:

    标签: html5-video html5-audio mediaelement.js


    【解决方案1】:

    请查看以下链接。看着链接我不得不相信这应该是可能的,因为他们正在使用 Js 来显示字幕

    http://www.storiesinflight.com/js_videosub/

    http://cuepoint.org/

    您也可以考虑使用http://mozillapopcorn.org/,它会根据视频的时间显示内容。所以从技术上讲,你可以将它与 ajax 一起使用来显示/流式传输字幕

    【讨论】:

    • 我确实在 js_videosub 讨论中问过,但还没有答案。
    • 我没有收到你之前的评论
    • 对不起,我评论的最后一部分丢失了。我的意思是我在 js_videosub 讨论中询问是否可以将它与实时字幕一起使用,但没有答案。但是 - 我确实尝试了自己的 cuepoint.js,我可以将它用于实时字幕。
    【解决方案2】:

    有支持字幕的 HTML5 视频 JS 库(例如:VideoJS 支持 .srt 格式,还有几个易于 Google 支持的其他库),但据我所知,它们都不支持流式字幕。

    我认为您可能必须为此构建自己的解决方案。如果我要这样做,我可能会尝试使用Socket.IO 的广播功能做一些事情,该功能可以一次将数据推送到所有连接的客户端,并让您的客户端 JS 侦听新的字幕事件并呈现它们当它们进入屏幕时。您可以使用纯 ol' CSS 将文本覆盖在 HTML5 视频上。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2017-12-09
      • 2016-09-11
      • 2013-01-01
      • 2011-10-22
      • 2015-06-30
      • 1970-01-01
      • 2011-09-17
      相关资源
      最近更新 更多