来自javascript blob的视频源

Question

我想要从流中显示视频;

我有一个nodeJS服务器发送ogg视频流到websocket端口，当客户端连接到该端口时，它开始接收视频流数据，但以下方法似乎不能正确理解视频数据...

在以下上下文中，“camera”是html5视频标记ID：

function connectWS()
{
  var client = new BinaryClient('ws://192.168.161.193:8088');
  client.on('stream', function(stream, meta)
  {
    stream.on('data', function(data)
    {
      var arrayBuffer = [];
      arrayBuffer.push(data);
      var video = new Blob([new Uint8Array(arrayBuffer)], { type: "video/ogg" });
      document.getElementById('camera').src = (window.URL || window.webkitURL).createObjectURL(video);
    });
  });
}

有人似乎已经有视频blob工作，但我找不到如何...

显示Blob Javascript中的视频

谢谢！

Answer 1

每次收到新的数据块时都会触发stream.ondata 。

您尝试在stream.ondata多次创建新blob。

我想你可能只想在client.onstream创建一个新的blob，并将数据多次推送到它。