WebRTC之PeerConnection的建立过程

zangcf

基于第三方webrtc开源平台开发视频会议难度不是很大，主要是业务方面的问题。但是，一旦涉及核心的底层问题就需要阅读源代码，找出bug了，难度不小。

项目需要，分析了一下peerconnection的创建过程。

假设clientA，clientB分为为offer和answer.

• Offer端
  
  

pc =new RTCPeerConnection(null);

pc.onicecandidate=handleIceCandidate;

pc.onaddstream=handleRemoteStreamAdded;

pc.onremovestream=handleRemoteStreamRemoved;

pc.addStream(localStream);

pc.createOffer(setLocalAndSend,handleCreateOfferError);

function handleIceCandidate(event){

//将本地产生的candidate发送给对方

sendMessage({

type:”candidate”;

candidate:event.candidate.candidate;

……;

});

}

function setLocalAndSend(sdp){

pc.setLocalDescription(sdp);//设置本地sdp，完成设置后onicecandidate事件会调用。

sendMessage(sdp);//将offer发送给对方

}

当offer提供端接收到来自对方的answer时: pc.setRemoteDescription(new RTCSessionDescription(message));

当offer端接收到来自对方的candidate时，pc.addIceCandidate(candidate);//将来自对方的candidate设置给本地

2． Answer端的代码与offer端类似，红色部分代码不同

pc =new RTCPeerConnection(null);

pc.onicecandidate=handleIceCandidate;

pc.onaddstream=handleRemoteStreamAdded;

pc.onremovestream=handleRemoteStreamRemoved;

pc.addStream(localStream);

注意区别：offer端是主动调用createOffer函数并将offer发送给对方。Answer端接受到offer后，才会创建peerConnection等一系列操作：

pc.setRemoteDescription(sdp);//设置接收到的远端offer

pc.createAnswer(setLocalAndSend,null,sdpConstraints);//创建answer并发送给对方。

setLocalAndSend中会设置本地sdp，完成设置后onicecandidate事件会调用。然后将candidate发送给对方，对方收到candidate后调用addIceCandidate函数完成peerconnection的创建。

对于onaddstream事件的调用时机，对于offer端，在接收到offer之后就可能onaddstream事件就被触发了。