javascript - 使用 websocket 流式传输视频标签

Question

我正在尝试使用 websockets(websocket 库在服务器和客户端上都是 Socket.IO)将(WebM 或 MP4)视频从 Node.js 流式传输到 HTML5。使用的浏览器是最新版本的 Chrome(版本 26.0.1410.64 m)。

我看到了here可以使用 MediaSource 对象从文件中推送视频标签中的视频流。

我的想法是从 websocket 而不是文件中读取数据 block 。有人可以发布一个使用 websockets 来完成该任务的示例或向我解释如何操作吗？

提前致谢。

Answer 1

除了文本(字符串)消息之外，WebSocket API 还允许您发送二进制数据，这对于实现二进制协议(protocol)特别有用。这样的二进制协议(protocol)可以是标准的 Internet 协议(protocol)，通常位于 TCP 之上，其中payload 可以是 Blob 或 ArrayBuffer。

// Send a Blob
var blob = new Blob("blob contents");
ws.send(blob);

// Send an ArrayBuffer
var a = new Uint8Array([8,6,7,5,3,0,9]);
ws.send(a.buffer);

Blob 对象在与 JavaScript File API 结合使用时特别有用用于发送和接收文件，主要是多媒体文件、图像、视频和音频。

我还建议查看 WebRTC(与 WebSockets 相关的技术)Web 实时通信 (WebRTC) 是增强现代 Web 浏览器通信能力的另一种努力。 WebRTC 是 Web 的点对点技术。 WebRTC 的第一个应用程序是实时语音和视频聊天。 WebRTC 已经是一种引人注目的媒体应用新技术，并且有许多可用的在线示例应用程序可以让您通过 Web 使用视频和音频对其进行测试。请查看this link