嵌入多個視頻流在一個網頁

Question

我打算建立一個實時視頻監控系統，我不知道我是否可以實現基於瀏覽器的客戶端應用程序使用html5,css和javascript。

該系統使用媒體服務器控制流的廣播，假設客戶端有一個偉大的圖形卡，一個偉大的網卡和一個大顯示器能夠擠壓多個視頻，無需轉碼，VP8是原始編解碼器的溪流。

系統部署在專用網絡上。

應用程序需要：

• 起到了大量的實時視頻流（約8 - 16）
• 支持尋求
• 1080p分辨率

我的問題是：

• 甚至可以在單個網頁中播放多個視頻流嗎？

• 如果不是，使用不同的編解碼器配置將使瀏覽器能夠播放（如降低分辨率）？

• 如果沒有，是否有第三方視頻播放器可以做到這一點？

• 如果不是，electron可以處理這個工作嗎？

• WebRtc可以處理這項工作嗎？

Answer 1

如果您同時發送8-16 1080p的流，那麼帶寬將是一個問題（每個流會想約5000kbps）。

您的來源是來自流媒體編碼器，還是它不斷增長的MP4文件（或類似）？您是否測試過使用瀏覽器中的單個文件進行訪問？

我的建議是有一個流媒體編碼器，讓你有兩個比特率/ framesizes的HLS流（一個用於較小的觀點進行了優化，一個全屏如果你需要它）