如何通过 Javascript 和 Html5 播放 websocket 视频数据？

问题描述

我正在构建一个实时系统。现在我想制作一个从服务器获取视频数据（原始）并通过 <video> 向我的客户展示它们的播放器。

我的代码是这样的：

var ws=new WebSocket("wss://******");
var Ms=new MediaSource();
var mime='video/webm; codecs="vorbis,vp8"';
var rec=0; var que=[];
var video=document.getElementById("vid1");
video.src=URL.createObjectURL(Ms);
Ms.addEventListener('sourceopen',sourceOpen);
function sourceOpen(ee){
        URL.revokeObjectURL(video.src);
        var Ms=ee.target;
        var buffer=Ms.addSourceBuffer(mime);
        ws.onmessage=function(e){
            buffer.appendBuffer(e.data);
            buffer.addEventListener('updateend',function(e){
                if(!buffer.updating&&Ms.readyState==='open'){
                        Ms.endOfStream(); video.play();
                }
            });
        }
ws.binaryType='arraybuffer';

注意：我不确定我是否编写了正确的代码。

现在，我只能从 video 中获取空白，Google Chrome 也不会抛出错误。

新进展：代码在 Firefox 中运行良好，但 Chrome 仍然显示空白 T_T 请帮忙。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）