zoukankan      html  css  js  c++  java
  • WebRTC之PeerConnection的建立过程

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

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

    假设clientAclientB分为为offeranswer.

    1. 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设置给本地


    2Answer端的代码与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事件就被触发了。

  • 相关阅读:
    C#文件IO操作
    Microsoft Visual Studio Learning Pack 自动生成流程图插件(转)
    CSS之看穿绝对定位 absolute(转)
    Flex 图片缩放、托拽效果 Zoom版
    图标制作软件 Axialis IconWorkshop 6.50 汉化版
    Flex鼠标右键事件及菜单
    static 静态方法
    计算sql语句的执行时间
    正则表达式示例及总结
    结构/表现/行为完全分离的tab选项卡JS版(转)
  • 原文地址:https://www.cnblogs.com/cther/p/myPeerConnection.html
Copyright © 2011-2022 走看看