Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sandipmaurya2611/video-conferencing
It's a video calling web application using api
https://github.com/sandipmaurya2611/video-conferencing
agora-webrtc css3 html5 javascript
Last synced: 20 days ago
JSON representation
It's a video calling web application using api
- Host: GitHub
- URL: https://github.com/sandipmaurya2611/video-conferencing
- Owner: sandipmaurya2611
- Created: 2023-11-14T07:23:05.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-06-11T08:15:16.000Z (6 months ago)
- Last Synced: 2024-06-11T09:43:49.245Z (6 months ago)
- Topics: agora-webrtc, css3, html5, javascript
- Language: JavaScript
- Homepage:
- Size: 269 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Video Conferencing App
This project is a simple video conferencing application built using the Agora API, HTML, CSS, and JavaScript. The app allows multiple users to join a video call and interact in real-time.
## Features
- **Real-time Video and Audio Communication**: Connect with multiple users simultaneously.
- **User Interface**: Simple and intuitive UI built with HTML and CSS.
- **Mute/Unmute Audio**: Control your audio during the call.
- **Enable/Disable Video**: Control your video feed during the call.
## Getting Started
### Prerequisites
- A modern web browser
- Agora account and API key
### Installation
1. Clone the repository:
```bash
git clone https://github.com/yourusername/video-conferencing-app.git
cd video-conferencing-app
```
2. Open `index.html` in your preferred web browser.
### Configuration
1. Obtain an Agora API key by signing up at [Agora](https://www.agora.io/).
2. Update the Agora API key in the JavaScript file:
```javascript
const AGORA_APP_ID = 'your-agora-app-id';
```
## Usage
1. Open the `index.html` file in your web browser.
2. Enter a channel name and click 'Join'.
3. Allow the browser to access your camera and microphone.
4. You are now connected to the video call.
## Project Structure
```plaintext
├── css/
│ ├── style.css # Contains the styles for the application
├── js/
│ ├── agora-rtc-sdk.js # Agora SDK
│ ├── main.js # Main JavaScript logic for the application
├── index.html # Main HTML file
└── README.md # Project documentation