來自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，並將數據多次推送到它。