在一个网页中嵌入多个视频流

Question

我将构建一个实时视频监控系统，我想知道我是否能够使用html5、css和javascript实现一个基于浏览器的客户端应用程序。

该系统采用媒体服务器控制流媒体广播，假定客户端有一张大显卡、一张大网卡和一台能压缩多个视频的大监视器，不需要转码，VP8是流的原始编解码器。

系统部署在专用网络上.

应用程序需要：

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

我的问题是：

• 在一个网页上播放这么多视频流是可能的吗？
• 如果没有，是否使用不同的编解码器配置会使浏览器能够播放(比如降低分辨率)？
• 如果没有，是否有第三方视频播放器可以做到这一点？
• 如果没有，electron能处理这个工作吗？
• WebRtc能处理这项工作吗？

Answer 1

如果您同时发送8-161080 p流，那么带宽将是一个问题(每个流需要大约5000 then )。

您的源是来自流编码器，还是一个不断增长的mp4文件(或类似文件)？您测试过使用浏览器中的单个文件访问它吗？

我的建议是有一个流编码器，为您提供一个具有两个比特率/帧大小的HLS流(一个为较小的视图优化，一个用于全屏(如果需要的话))。