Блог

 let configRTC = { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] };  let localConnection = new RTCPeerConnection(configRTC); let remoteConnection = new RTCPeerConnection(configRTC); const initCall(stream,loca)=gt;{ socket.on('other-users', (socketId) =gt; {  console.log('other user');  conn = localConnection;  stream.getTracks().forEach((track) =gt; localConnection.addTrack(track, stream));  localConnection.onicecandidate = ({ candidate }) =gt; {  candidate amp;amp; socket.emit('candidate', { socketId, candidate });  };   // Receive stream from remote client and add to remote video area  localConnection.ontrack = ({ streams: [stream] }) =gt; {  if (!remoteVideo.current) return;  remoteVideo.current.srcObject = stream;  };    localConnection  .createOffer({ offerToReceiveAudio: 1, offerToReceiveVideo: 1, iceRestart: true })  .then((offer) =gt; localConnection.setLocalDescription(offer))  .then(() =gt; {  socket.emit('offer', { socketId, description: localConnection.localDescription});  });   socket.on('offer', (data) =gt; {  // Ininit peer connection  console.log('offer', data.socketId);  console.log('des', data.description);  // remoteConnection = new RTCPeerConnection(configRTC);  conn = remoteConnection;  console.log('remote', remoteConnection.signalingState);  console.log('remoteTRICKLE', remoteConnection.iceGatheringState);  remoteConnection.onnegotiationneeded = (event) =gt; {  try {  console.log(remoteConnection.signalingState);  console.log(this.remoteConnection.signalingState);  } catch (e) {  console.log(e);  }  };   conn = remoteConnection;  remoteConnection.restartIce();   stream.getTracks().forEach((track) =gt; remoteConnection.addTrack(track, stream));   remoteConnection.onicecandidate = ({ candidate }) =gt; {  candidate amp;amp; socket.emit('candidate', { socketId: data.socketId, candidate });  };   // Receive stream from remote client and add to remote video area  remoteConnection.ontrack = ({ streams: [stream] }) =gt; {  remoteVideo.current.srcObject = stream;  };  remoteConnection  .setRemoteDescription(data.description)  .then(async () =gt; await remoteConnection.createAnswer())  .then(async (answer) =gt; await remoteConnection.setLocalDescription(answer))   .then(() =gt; {  console.log('answer', data.socketId);  console.log('answerDes', remoteConnection.localDescription);   socket.emit('answer', { socketId: data.socketId, description: remoteConnection.localDescription });  });    }  });   socket.on('answer', (data) =gt; {  let description = new RTCSessionDescription(data.description);  localConnection.setRemoteDescription(description);  });    socket.on('candidate', (candidate) =gt; {  let can = new RTCIceCandidate(candidate);  conn.addIceCandidate(can);  });  return; };