Javascript 在单个网页中嵌入多个视频流

我将构建一个实时视频监控系统，我想知道是否可以使用

html5

、

css

和

javascript

实现一个基于浏览器的客户端应用程序

该系统使用一个媒体服务器来控制流的广播，假设客户端有一个很棒的图形卡、一个很棒的网卡和一个能够压缩多个视频的大监视器，并且不需要转码，

VP8

是流的原始编解码器

系统部署在专用网络上。

应用程序需要：

• 播放大量实时视频流（大约8-16）
• 寻求支持
• 1080p分辨率

我的问题是：

• 甚至可以在一个网页中播放这么多视频流吗

• 如果不是，使用不同的编解码器配置是否会使浏览器能够播放（如降低分辨率）

• 如果没有，是否有第三方视频播放器可以做到这一点

• 如果没有，electron能否处理这项工作

• WebRtc能处理这项工作吗

---

如果您同时发送8-16个1080p流，那么带宽将是一个问题（每个流将需要大约5000kbps）

您的源代码是来自流式编码器，还是持续增长的mp4文件（或类似文件）？您是否测试过在浏览器中使用单个文件访问它

---

我的建议是使用一个流编码器，为您提供一个具有两个比特率/帧大小的HLS流（一个针对较小的视图进行了优化，另一个针对全屏，如果您需要）

它来自一个硬件编码器，很抱歉，我忘了提到，该系统部署在专用网络上肯定会为您提供更多带宽。您是否尝试过仅使用URL的

标记访问单个提要？编码器可以为您提供HLS，还是仅提供VP8流？编码器正在传输RTSP流。计划是向媒体服务器提供RTSP流，对其进行转码并在WebRtc中进行广播输出，我可以使用HLS，但这是我们计划的众多POC之一。回到我的问题，是否有证据表明浏览器可以同时播放多个HLS流或其他流协议？