使用節點將視頻流式傳輸到HTML5

我一直在玩節點和websockets，並構建了一個小型測試應用程序，它使用websockets傳輸音頻。服務器使用createReadStream分解mp3，使用node-throttle限制流並使用「ws」模塊傳感二進制數據。在客戶端，我拿起websocket上的塊並使用decodeAudioData（http://www.html5rocks.com/en/tutorials/webaudio/intro/）來解碼和播放塊。這一切都相對確定。使用節點將視頻流式傳輸到HTML5

我很好奇接下來要做的是以相同的方式將視頻流式傳輸到HTML5視頻標籤。但是我無法真正在網上找到任何參考資料，就像我上面的音頻測試一樣。

是否有與「decodeAudioData」等效的視頻？

我可以將大塊數據放入視頻標籤嗎？

我已經得到了我從拿起一個類似的樣品運行...

https://gist.github.com/paolorossi/1993068

但這不是真的是我期待的。首先它似乎並不真正流向我。客戶端在播放之前對其進行緩衝。此外，與我的音頻測試類似，我希望在服務器端對流進行限制，以便在新客戶端連接時，他們可以在當前所處的任何位置加入視頻。即30分鐘或其他。

感謝

來源

2013-04-04 fatlog

OK，

，我發現了一個解決方案經過多次搜索。

的MediaSource的API就是我一直在尋找...

var mediaSource = new MediaSource(); 
var sourceBuffer = mediaSource.addSourceBuffer('video/webm; codecs="vorbis,vp8"'); 
sourceBuffer.append(new Uint8Array(data));

此鏈接提供的解決方案......

http://html5-demos.appspot.com/static/media-source.html

來源

2013-04-15 12:47:47 fatlog

使用節點將視頻流式傳輸到HTML5

回答

相關問題