JavaScript by Example

Adding and removing videos

Similar to the readyToCall event, SimpleWebRTC will fire a videoAdded event for every video it finds in the room with a callback function having the video object and the peer object containing the ID (the unique ID of that user).

To test multiple videos, we are going to open two tabs on the same browser in the same system. This might cause feedback to damage your audio devices, so keep your volume muted!

Create a new method inside the Home class addRemoteVideo($video, peer), as follows:

class Home {  ...  addRemoteVideo($video, peer) {  }}

Let's add another event handler for the videoAdded event, just as we did for the readToCall event:

webrtc.on('videoAdded', ($video, peer) => home.addRemoteVideo($video, peer)); ...