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

时间:2017-09-18 18:19:19

标签: javascript html5 video video-streaming webrtc

我打算建立一个实时视频监控系统,我想知道我是否可以使用html5cssjavascript来实现基于浏览器的客户端应用程序。

系统使用媒体服务器控制流的广播,假设客户端有一个很棒的图形卡,一个很棒的网卡和一个能够挤压多个视频的大型监视器,不需要转码,VP8是流的原始编解码器。

系统部署在专用网络上。

应用程序需要:

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

我的问题是:

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

  • 如果没有,使用不同的编解码器配置会使浏览器能够播放(如降低分辨率)?

  • 如果没有,是否有可以做到的第三方视频播放器?

  • 如果没有,electron可以处理这项工作吗?

  • WebRtc可以处理这项工作吗?

1 个答案:

答案 0 :(得分:1)

如果您同时发送8-16个1080p流,那么带宽将成为一个问题(每个流将需要大约5000kbps)。

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

我的建议是拥有一个流编码器,为您提供一个具有两个比特率/帧大小的HLS流(一个针对较小的视图进行了优化,一个针对全屏显示,如果需要)