HTML5 track 元素可以用于 *live* 字幕吗？

Posted 2023-05-08

【中文标题】HTML5 track 元素可以用于 *live* 字幕吗？

【英文标题】：Can HTML5 track element be used for *live* subtitles?

【发布时间】：2012-04-12 22:31:17

【问题描述】：

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

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

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

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

【参考方案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 视频上。