【发布时间】:2012-04-12 22:31:17
【问题描述】:
我正计划建立一个系统来广播公共事件(审判、会议、大会)。
一个关键请求是在 A/V 流中插入 live 字幕。
字幕将是“实时”的,因为它们将在活动发生时由运营商制作。
我想 HTML5“track”元素还没有被任何主流浏览器实现,但是:我可以期望最终将它用于 live 字幕吗?我可以在流播放时将字幕注入页面吗?
【问题讨论】:
标签: html5-video html5-audio mediaelement.js
我正计划建立一个系统来广播公共事件(审判、会议、大会)。
一个关键请求是在 A/V 流中插入 live 字幕。
字幕将是“实时”的,因为它们将在活动发生时由运营商制作。
我想 HTML5“track”元素还没有被任何主流浏览器实现,但是:我可以期望最终将它用于 live 字幕吗?我可以在流播放时将字幕注入页面吗?
【问题讨论】:
标签: html5-video html5-audio mediaelement.js
请查看以下链接。看着链接我不得不相信这应该是可能的,因为他们正在使用 Js 来显示字幕
http://www.storiesinflight.com/js_videosub/
您也可以考虑使用http://mozillapopcorn.org/,它会根据视频的时间显示内容。所以从技术上讲,你可以将它与 ajax 一起使用来显示/流式传输字幕
【讨论】:
有支持字幕的 HTML5 视频 JS 库(例如:VideoJS 支持 .srt 格式,还有几个易于 Google 支持的其他库),但据我所知,它们都不支持流式字幕。
我认为您可能必须为此构建自己的解决方案。如果我要这样做,我可能会尝试使用Socket.IO 的广播功能做一些事情,该功能可以一次将数据推送到所有连接的客户端,并让您的客户端 JS 侦听新的字幕事件并呈现它们当它们进入屏幕时。您可以使用纯 ol' CSS 将文本覆盖在 HTML5 视频上。
【讨论】: