这里是我的节点js代码
socket.on('stream',()=>{
let readStream = fs.createReadStream(__dirname+'/video.mp4');
readStream.on('data',(chunk)=>{
socket.emit('stream-chunk',chunk);
//res.render("hello");
});
});
这里是客户端
let chunkArray = [];
socket.on('stream-chunk', (chunk) => {
chunkArray.push(chunk);
//console.log(chunk);
//var url = URL.createObjectURL(chunk);
//alert(url);
$("#video").attr("src",url);
});
所以你可以看到我只是想从节点服务器的视频文件,并使用缓冲区..迄今为止块来作为ArrayBuffers到客户端的流呢。但我不知道如何利用这个进入大块到HTML5 <video>
元素
这里是我的客户端HTML标签
<video controls type="video/mp4" src="" id="video" width="300" height="300"></video>
只需使用HTTP直线上升。无需使用单向通信网络插座。
使用快递服务该文件静态。然后在你的视频标签,src="path/video.mp4"
。