https://github.com/glitch-aswin/anocon-backend
A peer to peer video call service app where callers can join a video chat using a room code created by one of the peer which makes the call offer.
https://github.com/glitch-aswin/anocon-backend
peer-to-peer signalling-server video-calling-app webrtc
Last synced: 11 months ago
JSON representation
A peer to peer video call service app where callers can join a video chat using a room code created by one of the peer which makes the call offer.
- Host: GitHub
- URL: https://github.com/glitch-aswin/anocon-backend
- Owner: Glitch-Aswin
- Created: 2024-11-02T13:30:07.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-17T06:33:04.000Z (over 1 year ago)
- Last Synced: 2025-07-02T13:11:13.146Z (12 months ago)
- Topics: peer-to-peer, signalling-server, video-calling-app, webrtc
- Language: JavaScript
- Homepage: https://anoconsession.vercel.app/
- Size: 91.8 KB
- Stars: 1
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
anoCon : A WebRTC Video Call Application
## Overview
This project is a simple WebRTC video call application that enables real-time audio and video communication between users. It uses Firebase Firestore for signaling and ID mapping, allowing users to connect by sharing unique identifiers.
## Hosting
A working model has been hosted on https://anoconsession.vercel.app/
**Note**-The hosting was done from our own forked repository that you may find here:
https://github.com/trulyPranav/anoCon-backend
**Steps to start a video call session:**
- **Step-1**: Click the start webcam button and allow the video and audio access permission.
- **Step-2(Call offer)**: One of the peers can initiate a call by entering a code in the "Create New Call" text space and clicking the Create Call Button.
- **Step-3(Answer the call)**: Using the same code a receiver can access the call by entering the same ID to the Answer Call text space and clicking the Answer Call Button afterwards.
- **Step-4(Hang-Up)**: Click on the Hang Up button when necessary to end the call.
## Features
- **WebRTC Video and Audio**: Real-time video and audio communication using WebRTC.
- **Firebase Firestore**: Utilizes Firestore for signaling to manage offers and answers between peers.
- **ID Mapping**: Allows users to connect via a shortened unique ID, which maps to a call document in Firestore.
## Technologies Used
- **WebRTC**: For peer-to-peer audio/video streaming.
- **Firebase**: For backend services including Firestore for data storage and signaling.
- **HTML/CSS/JS**: Basic web technologies for the user interface.
## Setup Instructions
1. **Clone the Repository**:
```bash
git clone https://github.com/Glitch-Aswin/anoCon-backend.git
cd anoCon-backend
```
2. **Firebase Configuration**:
-Create a .env file in the root of your project and add your Firebase credentials:
```
VITE_FIREBASE_API_KEY=your-api-key
VITE_FIREBASE_AUTH_DOMAIN=your-auth-domain
VITE_FIREBASE_PROJECT_ID=your-project-id
VITE_FIREBASE_STORAGE_BUCKET=your-storage-bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
VITE_FIREBASE_APP_ID=your-app-id
VITE_FIREBASE_MEASUREMENT_ID=your-measurement-id
```
3. **Install and Run**
```js
npm install i
npm run dev
```
3. **Connect!**
- Give WebCam and Microphone access.
- Start Webcam.
- Type in your Secret Code
- Create the call!
- Ask your call partner to input same secret key in the Join call section, after turning on their WebCam and Mic
- Enjoy Talking!
## Developers:
- [M S Aswin](https://github.com/glitch-aswin/)
- [Pranav M](https://github.com/trulyPranav/)
- [Rigzin Angtak](https://github.com/Rigzin00/)
```
Build during: Useless Projects @TinkerSpace by TinkerHub
```