WebRTC ICE: A Comprehensive Guide to Interactive Connectivity Establishment

1// Example STUN server configuration
2const configuration = {
3  iceServers: [
4    {
5      urls: 'stun:stun.l.google.com:19302'
6    }
7  ]
8};
9
10const pc = new RTCPeerConnection(configuration);
11
12pc.onicecandidate = (event) => {
13  if (event.candidate) {
14    console.log('ICE candidate:', event.candidate.candidate);
15    // Send the candidate to the other peer via signaling
16  }
17};
18
19

1// Example of candidate exchange using a signaling server
2
3// Assuming you have a signaling server connection established
4signalingServer.onmessage = (event) => {
5  const message = JSON.parse(event.data);
6  if (message.type === 'iceCandidate') {
7    const candidate = new RTCIceCandidate(message.candidate);
8    pc.addIceCandidate(candidate)
9      .then(() => console.log('Candidate added successfully'))
10      .catch(e => console.error('Error adding candidate', e));
11  }
12};
13
14pc.onicecandidate = (event) => {
15  if (event.candidate) {
16    signalingServer.send(JSON.stringify({
17      type: 'iceCandidate',
18      candidate: event.candidate.toJSON()
19    }));
20  }
21};
22

1// Example of configuring STUN and TURN servers in a WebRTC application
2const configuration = {
3  iceServers: [
4    {
5      urls: 'stun:stun.l.google.com:19302'
6    },
7    {
8      urls: 'turn:myturntest.example.com:3478',
9      username: 'myusername',
10      credential: 'mypassword'
11    }
12  ]
13};
14
15const pc = new RTCPeerConnection(configuration);
16