easyRTC Demo: Simple 4-Way Video Chat
The application provides a 4-way video chat using the easyRTC.initManaged method. It is a variation on the Simple Audio Video Chat demo.
Connection is handled using an onload statement in the body. Requests are automatically accepted.
To hang-up on a call, hover your mouse over the upper right of the video, and click on the 'X' which appears.
Important note: 3 way and 4 way chats require much more network bandwidth and CPU resources; they may crash your browser. We recommend using a video conferencing server for production environments.
The Demo
Connected users:
Browser Note: Until there is better interoperability among browsers, both clients may need to be using the same browser.
The Code
HTML
CSS
In order to show the 'X' in the upper right corner, the callerVideo video tag must be in a div with relative positioning. Also the class of 'closeButton' should be defined as seen below. Ensure the button_close.png is available in the path.:
Javascript
The contents of demo_audio_video_simple.js: