如何在具有MSE的視頻標籤中播放H.264 NAL單元流？

Question

情況非常簡單;我正在通過WebSockets接收NAL單元流。如何使用MSE將它們提供給HTML5視頻標籤？研究表明我應該將數據複合到一個分段的mp4中，但是我還沒有找到關於如何完成這些的具體細節。有沒有人有具體細節？

Answer 1

如果您收到流數據，例如hls，nalu h.264 ...等等，你可以將它轉換並複合成分段的mp4。將HTML5視頻標籤設置爲與MSE結合使用，例如創建mediaSource，mediaSource.addSourceBuffer，sourceBuffer.appendBuffer。這將播放視頻，而fmp4正確進入緩衝區。

您可以查看https://github.com/ChihChengYang/wfs.js，它演示了從websocket轉換NALu h.264流。這直接在標準的HTML5元素和MSE之上工作。