Webrtc:如何重新连接或监视连接
我正在开发一个应用程序,使用webrtc为两个人创建会议。 实际上,我正在使用socket.io进行信号处理,同时使用服务器昏迷和服务器翻转。(我从中购买了这些服务器) 最后,我通过webrtc进行了连接,但几分钟后,图像或视频冻结,有时我会错过连接 我的程序错了吗?我如何监控连接以在发生任何意外情况时重新连接 完整的代码可以在Github中找到: 和Heroku的测试网站:Webrtc:如何重新连接或监视连接,webrtc,signaling,Webrtc,Signaling,我正在开发一个应用程序,使用webrtc为两个人创建会议。 实际上,我正在使用socket.io进行信号处理,同时使用服务器昏迷和服务器翻转。(我从中购买了这些服务器) 最后,我通过webrtc进行了连接,但几分钟后,图像或视频冻结,有时我会错过连接 我的程序错了吗?我如何监控连接以在发生任何意外情况时重新连接 完整的代码可以在Github中找到: 和Heroku的测试网站: io.on('signaling_message', async ({data: {description, candi
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', {description: pc.localDescription, 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);
}
}