Twilio Video Quickstart for JavaScript

This application should give you a ready-made starting point for writing your own video apps with Twilio Video. Before we begin, we need to collect all the config values we need to run the application:

• Account SID: Your primary Twilio account identifier - find this in the console here.
• API Key: Used to authenticate - generate one here.
• API Secret: Used to authenticate - just like the above, you'll get one here.

A Note on API Keys

When you generate an API key pair at the URLs above, your API Secret will only be shown once - make sure to save this in a secure location, or possibly your ~/.bash_profile.

Setting Up The Application

Create a configuration file for your application:

cp .env.template .env

Edit .env with the configuration parameters we gathered from above.

Next, we need to install our dependencies from npm:

npm install

Now we should be all set! Run the application:

npm start

Your application should now be running at http://localhost:3000. Just enter the name of the room you want to join and click on 'Join Room'. Then, open another tab and join the same room. Now, you should see your own video in both the tabs!

Examples

The project contains some use-case examples for the Twilio Video JS SDK. After running the application by following the instructions above, go to http://localhost:3000/examples to try them out.

Caveats

If you want to use video on a mobile device, this project needs to be served over https. If you don't do that, you won't get the prompts for "Can this site use your camera" which means you will probably need a reverse proxy

To setup nginx as a reverse proxy you should use something like this in your nginx config

    location / {
        include proxy_params;
        proxy_pass http://localhost:3000;
    }

And then use certbot to setup an ssl certificate for the domain you are serving it with.