在瀏覽器中播放原始 h264 直播流

Question

我正在尋找一種解決方案，通過 WebSocket 在瀏覽器上實時播放來自本機服務器的原始 h264 流。 我在 JavaScript 中嘗試了許多第三方 h264 解碼器，每個都有自己的問題。 基於 Broadway 的解碼器無法解碼 main 和 high profile h264。 其他解碼器太慢而無法解碼 1080p 幀。 我嘗試在 JavaScript 中將原始 h264 轉換為碎片化的 mp4，但在解碼雙向幀時播放非常難看。 我也嘗試過 webrtc，但似乎不可能在瀏覽器和本機服務器之間實現對等連接。 有什么建議？

Answer 1

我見過的最好的（我自己沒有使用它的實踐經驗）是https://github.com/samirkumardas/jmuxer

在https://github.com/samirkumardas/jmuxer/blob/master/example/index-h264.html 上有一個如何通過 WebSockets 處理流數據的示例

var socketURL = 'ws://localhost:8080';
var jmuxer = new JMuxer({
    node: 'player',
    mode: 'video',
    flushingTime: 1000,
    fps: 30,
    debug: true
});
var ws = new WebSocket(socketURL);
ws.binaryType = 'arraybuffer';
ws.addEventListener('message',function(event) {
     jmuxer.feed({
         video: new Uint8Array(event.data)
     });
});
ws.addEventListener('error', function(e) {
    console.log('Socket Error');
});