html5 播放 websocket 返回的二进制视频流

可以使用 HTML5 中的 `WebSocket` 和 `Blob` 对象来实现播放返回的二进制视频流。具体步骤如下：

1. 创建一个 WebSocket 对象，连接到服务器端。

var socket = new WebSocket('ws://your_server_address');

2. 监听 WebSocket 对象的 `message` 事件，在事件处理函数中获取服务器发送的二进制视频数据。

socket.onmessage = function(event) {
  var videoData = event.data;
  // 处理二进制视频数据
};

3. 将获取到的二进制视频数据转化为 Blob 对象。

var videoBlob = new Blob([videoData], { type: 'video/mp4' });

4. 将 Blob 对象转化为 URL，用于设置视频的 src 属性。

var videoUrl = URL.createObjectURL(videoBlob);

5. 创建一个 video 元素，并将 URL 设置为其 src 属性值。

var videoElement = document.createElement('video');
videoElement.src = videoUrl;

6. 将 video 元素添加到 HTML 页面中。

document.body.appendChild(videoElement);

这样就可以在 HTML 页面中播放返回的二进制视频流了。