最新消息: 电脑我帮您提供丰富的电脑知识,编程学习,软件下载,win7系统下载。

如何使节点JS在线视频流

IT培训 admin 5浏览 0评论

如何使节点JS在线视频流

这里是我的节点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"

如何使节点JS在线视频流

这里是我的节点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"

与本文相关的文章

发布评论

评论列表 (0)

  1. 暂无评论