yousefkotp / Video-Chat-Web-Application

A video chat web application supporting background removing using Agora API

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Video Chat Web Application

A video chat web application supporting background removing using Agora.io API

Table of Content

Tools

  1. EJS
  2. CSS
  3. Bootstrap
  4. JavaScript
  5. Node.js
  6. Express.js
  7. Agora API

Dependencies

  1. Agora Access Token V2.0.4
  2. Agora Extension Virtual Background V1.1.1
  3. body-parser V1.20.0
  4. ejs V3.1.8
  5. express V4.18.1
  6. dotenv V16.0.3
  • To install dependencies, enter the project directory and run the following command
npm install

Why Agora.io?

  • Free account has 10,000 minutes a month
  • Well documented, you can see the Documentation
  • Easy to deal with
  • Numerous online resources
  • Background removing is nearly effortless

Deployment

  1. Create free account on Agora.io
  2. Create new project on Agora with App ID + token authentication
  3. In "server.js", you MUST change the "APP_ID" and "APP_CERTIFICATE" variables to the values appearing in the project on Agora
  4. To deploy this project run
  node server.js
  1. Open "http://localhost:3000" (or any port you wish to deploy it on) in your browser
  • If you downloaded the project without adding "node_modules" in the project directory, you should run the following command:
  npm install
  • You can use ngrok to deploy it on on https website after running server on localhost

Changing Background

  • Changing background is done using the Agora Extension Virtual Background dependency, you can find the documentation here
  • Note: After choosing the photo, you should press "Add Background" button

Author

About

A video chat web application supporting background removing using Agora API


Languages

Language:JavaScript 50.9%Language:EJS 28.2%Language:CSS 20.9%