digitallysavvy / large-group-video-chat

This project shows how to build a large (7-17 user) group video chat web app.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Group Video Chat Web App

This is a group video chat web app that uses Agora.io to build a simple group video chat web app, very similar to Google Hangouts, Skype or whichever other video chat platform you prefer.

Pre Requisites

  • A simple web server (I like to use Live Server)
  • An SSL certificate or way to have an https connection (I use ngrok)
  • A developer account with Agora.io
  • An understanding of HTML/CSS/JS 
  • An understand of how Bootstrap and JQuery function (minimal knowledge needed)

Read the full tutorial: GUIDE.MD

Hosted Demo

If you would like to see the demo in action, check out the demo of the code in action on GitHub Pages

How to Run the Demo

To test the video chat app, start a simple web server with a secure connection (https). To keep things simple I like to use Live Server but you can use XAMPP, or any other local server that you prefer.

All browsers have the localhost url Whitelisted as secure, so you can use that to test.

If you want to test this out with friends you can run it locally in conjunction with ngrok, a service that creates a tunnel out from your local machine and provides an https url for use. In my experience this is one of the simplest ways to run a publicly accessible https secured webserver on your local machine.

Once the server is ready we can run our test.

NOTE: use two (or more) browser tabs to simulate a local host and a single/multiple remote host(s).

About

This project shows how to build a large (7-17 user) group video chat web app.


Languages

Language:JavaScript 71.9%Language:HTML 22.6%Language:CSS 5.5%