Skip to content
Twilio Video SDK Quick Start for JavaScript
JavaScript CSS HTML
Branch: master
Clone or download
Pull request Compare This branch is 3 commits ahead, 20 commits behind twilio:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Twilio Video Quickstart for JavaScript

OS X/Linus Build Status Windows Build status

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:

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!

screenshot of chat app


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.

You can’t perform that action at this time.