为Web RTC数据通道创建对等连接

时间:2014-04-03 14:34:50

标签: webrtc

我一直在尝试在浏览器之间建立对等连接,使用数据通道,但我不成功。 每次我更正一个语句时,都会出现另一个错误。

首先,我使用socket.io和Node.js建立了一个套接字服务器。在任何客户端连接的服务器中,我发送'beacon'数据包。在收听“beacon”数据包时,第一个客户端请求加入“房间”。然后我允许第二个客户加入同一个“房间”。 第二个客户端连接后,服务器会立即向客户端1发送确认数据包。

然后,在设置本地描述后,客户端1将RTC对等连接“提议”发送到客户端2。

    if( isChrome )          {
        localPC = new window.webkitRTCPeerConnection(server, contraints);
        rslt.innerHTML = "Webkit Variables Set";
    }else       {
        localPC = new mozRTCPeerConnection(server, contraints); 
        rslt.innerHTML = "Mozilla Variables Set";
    }

    localPC.onicecandidate = function(event)    {
        if( event.candidate )
            localPC.addIceCandidate( event.candidate );
    };

    localPC.onnegotiationneeded = function()        {
        localPC.createOffer( setOffer, sendFail );
    };  

    sendChannel = localPC.createDataChannel( "sendDataChannel", {reliable: false} );

    localPC.ondatachannel = function(event)     {
        receiveChannel = event.channel;
        receiveChannel.onmessage = function(event)  {
            rslt.innerHTML = event.data;
        };
    };

    localPC.createOffer( setOffer, sendFail );



function setOffer( offer )      {

    lDescp = new RTCSessionDescription(offer);

    localPC.setLocalDescription( lDescp );

    socket.emit( 'offer', JSON.stringify(offer) );

    rslt.innerHTML += "Offer Sent...<br/>";//+offer.sdp;                                    

}//End Of setOffer()    

客户2在收到'offer'时将其设置为远程描述并创建'回复'。将“回复”设置为本地描述,然后发送。

                if( message.type == 'offer' )       {

                    rDescp = new RTCSessionDescription(message.sdp);
                    localPC.setRemoteDescription( rDescp );

                    localPC.createAnswer( 
                        function( answer )  {

                            lDescp = new RTCSessionDescription(answer);
                            localPC.setLocalDescription( lDescp );

                            socket.emit( 'reply', JSON.stringify(answer) );

                        }, sendFail
                    );                      

                }else   {

                    localPC.addIceCandidate = new RTCIceCandidate( message.candidate );

                }//End Of IF ELse

客户端1在收到'回复'时将其设置为远程描述并且连接应该建立???

    localPC.setRemoteDescription( new RTCSessionDescription( message.sdp ) );

但它不起作用!!!请帮助。

1 个答案:

答案 0 :(得分:2)

似乎你得到了正确的流程,虽然我没有看到整个代码。 让我感到奇怪的一件事是:

localPC.onicecandidate = function(event)    {
        if( event.candidate )
            localPC.addIceCandidate( event.candidate );
};

您需要将onicecandidate事件中收到的icecandidate发送给其他对等方。而不是自己添加。