An example application that turns a Twilio Video chat into a Web Component.
This project was built with an old, deprecated version of the Twilio Video SDK. I recommend you check out the latest Twilio Video Quickstart to see how to build with Twilio Video.
Start by cloning the application from GitHub.
$ git clone https://github.com/philnash/twilio-video-chat-web-component.git
$ cd twilio-video-chat-web-component
You will need some credentials from Twilio. If you don't have an account you can sign up for a Twilio account for free. Then find or generate the below credentials.
Credential | Description |
---|---|
Twilio Account SID | Your main Twilio account identifier - find it on your dashboard. |
Twilio Video Configuration SID | Adds video capability to the access token - generate one here |
API Key | Used to authenticate - generate one here. |
API Secret | Used to authenticate - just like the above, you'll get one here. |
Once you have your credentials, copy the .env.example
to .env
$ cp .env.example .env
Then edit that .env
file and add the credentials you have collected.
Install the dependencies for this project from npm:
$ npm install
Start the Node.js application:
$ node index.js
Open the application at http://localhost:3000.