digitallysavvy / agora-video-with-pubnub-chat

An example of how to add PubNub to an Agora Group Video Chat app

Agora Video with PubNub Chat Web App

This is a group video chat web app that uses Agora.io and PubNub to build a simple group video chat web app, very similar to 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)

Base Project tutorial: GUIDE.MD
PubNub Chat Add-on tutorial: Add PubNub Chat to Agora Video Web App

Hosted Demo

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

Note: to use this with multiple people, set the uid param to a unique value for each user.

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).