Part 1 : Understanding WebRTC
This is the first tutorial in our WebRTC series. The aim of this series is to explain what WebRTC is and how we can u...
For further actions, you may consider blocking this person and/or reporting abuse
Awesome! Waiting for the second part.
Very cool. I built a WebRTC video chat app a while ago to learn how it works. It’s pretty awesome. I used Twilio for the STUN / TURN server.
Well done! looking forward for the rest.
Wondering how to create a video conferencing app?This guide will help you get the video conferencing app development essentials and pick the best tools to build your video call app.
Hi all !
I've done all steps (also open firewall in cloud server), but when I go to the last step (open browser):
82.223.5.78:8000
I get this error:
Error: Cannot find module 'ejs'
Require stack:
Of course, all files are into the folders, and XirSys credentials on the file...
what can I do? Thanks in advance !!
Simply write this in your terminal in root directory:
npm install ejs
click enter, and try again. This should be working
Build a Video Chat App with JavaScript and WebRTC
At videosdk.live/ you will find everything you need to build. Real-time Communication. It is a one-stop solution for adding voice, and video conferencing into your website and app in only 10 minutes.
I have one doubt. could you please explain. how the offers are created and how this function works.
function handleIceCandidate(event) {
console.log('icecandidate event: ', event);
if (event.candidate) {
sendMessage({
type: 'candidate',
label: event.candidate.sdpMLineIndex,
id: event.candidate.sdpMid,
candidate: event.candidate.candidate
}, room);
} else {
console.log('End of candidates.');
}
}
Thanks in advance
You have asked me two things:-
How is the offer created?
The Offer is created using pc.createOffer(setLocalAndSendMessage, handleCreateOfferError); where pc is an object of RTCPeerConnection .
How handleIceCandidate function works?
Browser starts creating candidates as soon as we create an object of RTCPeerConnection. To handle these candidates, we must pass a handler function to this RTCPeerConnection Object as follows
pc.onicecandidate = handleIceCandidate; , where pc is an object of RTCPeerConnection .
Whenever a candidate is created by the browser, the handleIceCandidate function will be called
Hello Everyone,
I have followed all the steps exactly and accurately, but when i created another tab and write the same room number there, it still just shows a single video instead of two videos. And after refreshing just once, now im not able to view anything at all. It shows "site cant be reached" no matter how many times i close the tab and try several times.
Please guide me through this. Thanks in advance.
How are the "username" and "credentials" deduced, that are used in the ICEServer code snippet. Where do we get them?
please make an account in XirSys .
Thanks for sharing Nil 😊
One more thing, If you are looking for readymate UI and scale follow this article.
dev.to/videosdk/video-calling-in-j...
medium.com/javascript-in-plain-eng... part 2