如何将带有Node的视频发送到客户端JavaScript blob然后显示它？

Question

我想将视频文件发送到客户端并使用.createObjectURL()显示视频.

节点server.js:

var fs = require("fs"),
http = require("http");

http.createServer(function (req, res) {

  if (req.url == "/") {
    res.writeHead(200, { "Content-Type": "text/html" });

    res.end('<video id="video" src="" autoplay controls loop width="200px" height="200px" muted></video>' +
      '<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>' +
      '<script src="blobvideo.js"></script>'); 
  }

  else if (req.url == "/blobvideo.js") {
    res.writeHead(200, { "Content-Type": "application/javascript" });
    fs.readFile('./blobvideo.js', function(err, data) {
      res.end(data.toString());
    });

  }

  else if (req.url == "/video") {
    fs.readFile('video.mp4', function(err, data) {
      res.end(data);
    });
  }
}).listen(3000);

客户端blobvideo.js:

$.ajax( "/video" ).done(function(data) {
  var ab = new ArrayBuffer(data.length);
  var view = new Uint8Array(ab);

  for(var i = 0; i < data.length; ++i) {
    view[i] = data[i];
  }

  blob = new Blob([ab], { type: "video/mp4" });
  document.getElementById("video").src = (window.URL || window.webkitURL).createObjectURL(blob);
});

在此代码中,视频全部一起发送,视频无法播放.我的问题:

1. 如何解决此问题才能播放视频？

2. 如何更改它以流式传输文件而不是等待整个视频下载？

编辑澄清

我想在客户端上使用Blob,.createObjectURL()因为我正在尝试构建WebRTC RTCPeerConnection的对等视频实现,以便静态视频数据可以从客户端发送到另一个客户端而无需通过服务器发送.

Answer 1

我只是将 video.mp4 作为静态资源，并将srcvideo 元素设置为该视频的 URL。