MENU

Fun & Interesting

WebRTC Let's learn together (ReactJS) - Part 3

Amir Eshaq 4,300 6 years ago
Video Not Working? Fix It Now

There are some clipping issue in this video (UPDATED VIDEO HERE: https://www.youtube.com/watch?v=znw78jlFxqA) In part 2 of this series we demonstrated the manual exchange of SDP and ICE Candidate between two Peer Connections(two browsers) from different computers in the same LAN as well as from separate networks. The goal there was to enhance your understanding of how an Offer/Answer are generated and exchanged. In this video, we go over the same concept using ReactJS but this time we actually develop a simple signalling server (using nodejs, express and socket.io) to communicate the exchange of SDP and ICE candidates. We also demonstrate when a STUN server is required. Source code https://github.com/jamalag/webrtc Some useful links … ... watch Part 1 https://youtu.be/h2WkZ0h0-Rc ... watch Part 2 https://youtu.be/UMy6vV4tW00 Troubleshooting WebRTC Connection Issues https://blog.addpipe.com/troubleshooting-webrtc-connection-issues/ WebRTC Troubleshooter https://test.webrtc.org/ Tricle ICE https://webrtc.github.io/samples/src/content/peerconnection/trickle-ice/ Free open source implementation of TURN and STUN Server https://github.com/coturn/coturn Breakdown of an SDP (Session Description Protocol) https://webrtchacks.com/sdp-anatomy/ Signalling Challenge https://www.ably.io/blog/solving-the-webrtc-signalling-challenge/ Secure Tunnels to localhost https://ngrok.com/

Comment