html - 使用 Node 将视频流式传输到 HTML5

Question

我一直在尝试使用 node 和 websockets，并构建了一个使用 websockets 流式传输音频的小型测试应用程序。服务器使用 createReadStream 分解 mp3，使用 node-throttle 限制流，并使用“ws”模块感知二进制数据。在客户端，我在 websocket 上获取 block 并使用 decodeAudioData ( http://www.html5rocks.com/en/tutorials/webaudio/intro/ ) 解码和播放 block 。一切正常。

接下来我想做的是以相同的方式将视频流式传输到 HTML5 视频标签。但是我真的无法在网上找到任何引用资料来以与我上面的音频测试相同的方式实现这一点。

“decodeAudioData”是否有对应的视频？

我可以将数据 block 输入视频标签吗？

我有一个类似的示例正在运行，我从...中提取的

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

但这并不是我真正想要的。首先，它似乎并没有真正流向我。客户端在播放之前将其全部缓冲。此外，与我的音频测试类似，我希望在服务器端限制流，以便当新客户端连接时，他们可以在当前的任何点加入视频。即 30 分钟或其他时间。

谢谢

Answer 1

好的，

经过大量搜索，我找到了解决方案。

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