来自 javascript blob 的视频源答案

【问题标题】：Video source from javascript blob来自 javascript blob 的视频源
【发布时间】：2013-09-03 12:38:47
【问题描述】：

我想显示来自流的视频；

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

在以下上下文中，“相机”是一个 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 工作了，但我找不到如何...

Display a video from a Blob Javascript

谢谢！

【问题讨论】：

标签： javascript html node.js video video-streaming

【解决方案1】：

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

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

我认为您可能只想在 client.onstream 中创建一个新 blob 并将数据多次推送到其中。

【讨论】：