How to Create WebRTC Peer-To-Peer Communication

Here is the 3rd of the WebRTC blog series. The first blog describes the WebRTC ecosystem and elements. The second blog gives detailed information about WebRTC Servers. Now let’s have look at the WebRTC Peer-to-Peer Communication procedure.

Basics of WebRTC Peer-to-Peer Communication

For WebRTC Peer-To-Peer Communication, two clients create a direct connection between each other after completing signaling operations. First, both clients get media sources. Then one of them starts signaling procedures. As stated in the below figure, Browser 1 creates an SDP offer and sends it to another side. Browser 2 gets that offer and creates an SDP answer and sends it to browser 1. After the SDP change phase, Browser 1 sends Ice Candidate to its peer then Browsers send Ice Candidate also. These sendings are performed several times until they get the required network information of another part. Finally, they create direct WebRTC communication between them.

(* Retrieved from https://developer.mozilla.org/en-US/docs/Web/Guide/API/WebRTC/Peer-to-peer_communications_with_WebRTC)

How to Establish Peer to Peer WebRTC Connection using Ant Media Server

Ant Media Server supports WebRTC Peer-To-Peer communication in addition to 1-N and N-N communication. Mobile (Android, iOS ) and Web (JS) SDKs provide P2P communication functionalities to developers. The steps of WebSocket messaging mechanism to create WebRTC P2P connections are described below;

1. Peers connect to Ant Media Server through WebSocket.

 

ws://SERVER_NAME:5080/WebRTCAppEE/websocket

2. The client sends join JSON command to the server with stream name parameter.

 

{
    command : "join",
    streamId : "stream1",
}

3. When the second peer joins the stream, the server sends start JSON command to the first peer

 

{
    command : "start",
    streamId : "stream1",
}

4. The first peer create offer SDP and send to the server with takeConfiguration command,

 

{
   command : "takeConfiguration",
   streamId : "stream1",
   type : "offer",  
   sdp : "${SDP_PARAMETER}"
}

5. The second peer creates answer SDP and sends to the server with takeConfiguration command

 

{
   command : "takeConfiguration",
   streamId : "stream1",
   type : "answer",  
   sdp : "${SDP_PARAMETER}"
}

6. Each peer gets ice candidates several times and sends to each other with takeCandidate command through the server.

 

{
    command : "takeCandidate",
    streamId : "stream1",
    label : "${CANDIDATE.SDP_MLINE_INDEX}",
    id : "${CANDIDATE.SDP_MID}",
    candidate : "${CANDIDATE.CANDIDATE}"
}

7. Clients send leave JSON command to leave the room

 

{
    command : "leave",
    streamId: "stream1"
}

We hope this blog post will give an idea about WebRTC P2P. You can analyze the example at the test server. 

Follow us to read next WebRTC blogs. If you have any questions, just drop an email or fill the contact form 🙂