This repository contains a simple web application for conducting a 3-way video conference using WebRTC (Web Real-Time Communication) technology. Users can connect with two remote peers and engage in video communication.
- Video Conference: Users can participate in a 3-way video conference.
- Peer-to-Peer Communication: The application establishes peer-to-peer connections between users for real-time video streaming.
- Dynamic Video Display: Video streams from the local user and remote peers are dynamically displayed on the web page.
- Responsive Design: The layout adjusts to different screen sizes for a seamless experience across devices.
- User Interface Controls: Users can input their Peer ID and the Peer IDs of remote participants to initiate connections. Buttons are provided to start and stop the conference.
- Clone this repository to your local machine.
- Open the
index.htmlfile in a web browser that supports WebRTC (e.g., Google Chrome, Mozilla Firefox). - Input your Peer ID and the Peer IDs of the remote participants in the designated fields.
- Click on the "Connect" buttons to establish connections with the remote peers.
- Once all connections are established, click on the "Start" button to begin the video conference.
- To stop the conference, click on the "Stop" button.
Note: Please edit the CSS styles in styles.css according to your usage and design preferences.
Try out a demo of this application videocon.
- Compatible web browser with WebRTC support (Google Chrome, Mozilla Firefox recommended).
- Webcam and microphone for video and audio input.
- HTML5
- CSS3 (with Flexbox layout)
- JavaScript
- PeerJS (for simplified WebRTC implementation)
- This project utilizes the PeerJS library for simplifying WebRTC implementation. PeerJS
- The code structure and design are inspired by various WebRTC video conferencing tutorials and examples available online.
Feel free to contribute to this project by submitting bug reports, feature requests, or pull requests. Happy conferencing! 📹🎉