在两个 videoElement 中使用相同的 mediaSource

Posted

技术标签:

【中文标题】在两个 videoElement 中使用相同的 mediaSource【英文标题】:Use same mediaSource in two videoElement 【发布时间】:2017-12-20 16:24:59 【问题描述】:

我想知道是否可以在两个 videoElement 实例中使用相同的 mediaSource。

我的目标是使用 m3u8 的 HLS 文件,其中包含多个摄像头和两个与不同摄像头同步的视频实例。

【问题讨论】:

【参考方案1】:

是的,这是可能的,但您会发现(目前)没有办法制作多轨视频。因此,同一个 MediaSource 只能承载一个视频进行播放。

在不久的将来,这应该更有可能,因为浏览器 API 开始支持多个视频轨道。

还有用于同步多个具有独立源的视频播放器的播放的 MediaGroup 标准,但是这个 API 实际上已经失效并且没有得到很好的支持。

您必须使用您的代码执行此操作,方法是密切关注时间戳并尽可能同步玩家之间的状态。这并不理想,但可能是您的最佳选择。

【讨论】:

以上是关于在两个 videoElement 中使用相同的 mediaSource的主要内容,如果未能解决你的问题,请参考以下文章

在vue中使用flv.js播放flv直播

JavaScript播放指定的video视频

如何实现两个数组之间值的替换

在 Perl 中测试两个哈希键是不是具有相同的结构

剑指52

CF988 C. Equal Sumsmap+pair/hash/任选两个序列,两个序列都除去他们中的一个数,使的总和相同