Webrtc:如何重新连接或监视连接

如何解决Webrtc:如何重新连接或监视连接

我正在开发一个使用webrtc为两个人创建会议的APP。 实际上,我正在使用socket.io进行信号传输,并同时使用服务器眩晕和服务器转向。 (我是从http://xirsys.com/购买这些服务器的。)

最后,我在整个webrtc中都进行了连接,但是几分钟后,图像或视频被冻结,有时我错过了连接。

我对程序有误吗?如果发生任何情况,如何监视连接以重新连接?

完整的代码在Github中:https://github.com/lfdeiby/playwebrtc.git

并在Heroku中测试网站:https://gentle-reef-80146.herokuapp.com/

io.on('signaling_message',async ({data: {description,candidate}}) => {
    displaySignalMessage("Signal received");
    try{
        if (description){
            const offerCollision = (description.type == 'offer') && (makingOffer || pc.signalingState != 'stable');
            ignoreOffer = !polite && offerCollision;
            if( ignoreOffer )
                return;
            if (offerCollision) {
                await Promise.all([
                    pc.setLocalDescription({type: "rollback"}),pc.setRemoteDescription(description)
                ]);
            } else {
                await pc.setRemoteDescription(description);
            }
            if( description.type == "offer" ){
                const answer = await pc.createAnswer();
                await pc.setLocalDescription(answer);
                io.emit('signal',{description: pc.localDescription,room: SIGNAL_ROOM});
            }
        }else if(candidate){
            try{
                await pc.addIceCandidate(candidate);
            }catch(err){
                displaySignalMessage(err.message);
                if(!ignoreOffer){
                    throw err;
                }
            }
        }
    }catch(err){
        console.log(err.message);
        INFO.error_signaling(err.message);
    }
});

function startSignaling() {
    displaySignalMessage("starting signaling...");

    pc = new RTCPeerConnection(config);

    for (const track of localStream.getTracks()) {
      pc.addTrack(track,localStream);
    }

    if( polite == false ){
        dataChannel = pc.createDataChannel('chat',null);
        dataChannel.onopen = function(){
            if( dataChannel.readyState == 'open' ){
                displaySignalMessage("Data Channel is ready");
                dataChannel.onmessage = dataChannelMessage;
                dataChannel.onclose = function(){ displaySignalMessage("Remote close conection"); closePeerConnection(); }
            }
        }
    }else {
        pc.ondatachannel = function(event){
            dataChannel = event.channel;
            dataChannel.onmessage = dataChannelMessage;
            dataChannel.onclose = function(){ displaySignalMessage("Remote close conection"); closePeerConnection(); }
        }
    }
    
    pc.onicecandidate = function(event){
        if (event.candidate){
            displaySignalMessage("Signal send: " + event.candidate);
            io.emit('signal',{candidate: event.candidate,room: SIGNAL_ROOM});
        }
    };

    pc.oniceconnectionstatechange = function(event){
        console.log("ICE CHANGE ",pc.iceConnectionState,event);
    }
    
    pc.onnegotiationneeded = function(){
        if( polite == false ){
            makingOffer = true;
            pc.createOffer(sdpConstraints)
            .then(function(offer){
                if (pc.signalingState != "stable") return;
                return pc.setLocalDescription(offer);
            })
            .then(function(){
                io.emit('signal',room: SIGNAL_ROOM});
            })
            .catch(function(err){
                displaySignalMessage("ERROR OFFER",err.message);
            });
        }
    }

    pc.oniceconnectionstatechange = function(evt){
        displaySignalMessage("ICE connection state change: " + evt.target.iceConnectionState);
        if (pc != null && pc.iceConnectionState === "Failed") {
            pc.restartIce();
        }
    };

    pc.onaddstream =  function (event) {
        videoRemote.srcObject = event.stream;
        signalingFinalizeSuccess();
    };
    
    pc.ontrack = ({track,streams}) => {
        track.onunmute = () => {
            if (videoRemote.srcObject) return;
            videoRemote.srcObject = streams[0];
        };
        signalingFinalizeSuccess();
    };

    pc.onerror = function(err){
        displaySignalMessage("PC ERROR: " + err.message);
        console.log(err);
    }

    function dataChannelMessage(data){
        console.log("datachannelReceive",data);
        displaySignalMessage(data);
    }

}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?
Java在半透明框架/面板/组件上重新绘画。
Java“ Class.forName()”和“ Class.forName()。newInstance()”之间有什么区别?
在此环境中不提供编译器。也许是在JRE而不是JDK上运行?
Java用相同的方法在一个类中实现两个接口。哪种接口方法被覆盖?
Java 什么是Runtime.getRuntime()。totalMemory()和freeMemory()?
java.library.path中的java.lang.UnsatisfiedLinkError否*****。dll
JavaFX“位置是必需的。” 即使在同一包装中
Java 导入两个具有相同名称的类。怎么处理?
Java 是否应该在HttpServletResponse.getOutputStream()/。getWriter()上调用.close()?
Java RegEx元字符(。)和普通点?