【发布时间】:2019-02-06 08:38:38
【问题描述】:
我正在使用来自 AWS MediaLive 和 CloudFront 作为 CDN 的实时视频流。我们在 Vue 前端中有一个播放器,它显示流,并根据流中发生的情况在屏幕上呈现 HTML/JS/CSS 项。
现在,在我们非常幼稚的解决方案中,我们有一个服务通过 Web 套接字将事件推送到前端,以使这些东西与流延迟“同步”,但这不起作用,因为流延迟两者都不是稳定,在不同屏幕上也不一致。
据我所知,应该有办法将我们需要的数据/事件作为元数据直接嵌入到流中。
我认为 SCTE-35 可以在这里被利用,即使这确实是用于广告插入,我认为我们应该能够使用它来编码其他事件/数据?
我的问题是双重的......我上面描述的(SCTE-35)是解决这个问题的方法,还是应该使用其他方法(ID3 似乎是另一种选择)?
而且,更重要的是,我如何设法在前端 (javascript) 端读取/响应这些事件,因为这是我似乎无法找到任何信息的真实事件。
提前致谢。
【问题讨论】:
标签: javascript video-streaming html5-video http-live-streaming hls.js