Advanced Twilio Video

This project is an example of a Twilio Video application using advanced features to improve the experience for users connecting through it.

• Features
  • Pre-call A/V checks
  • Video Backgrounds
  • Noise cancellation
• Running this project

Features

Pre-call A/V checks

Rather than dropping a user straight into a room, they are shown a settings page that allows them to see and change their camera, check that their microphone is correct and working using the Twilio RTC Diagnostics library.

Ensuring that users understand the resources that they are using, and their connectivity, improves the expectations in a call and leads to fewer issues with getting the wrong camera or microphone, or being on mute.

• How to switch cameras in a video chat
• The open source Twilio RTC Diagnostics library
• Example WebRTC Diagnostics application
• The Twilio Video Preflight API

Video Backgrounds

Because Video calls can be taken anywhere, providing privacy for your users is important. Using Twilio Video's processors, we can provide background blurring or background replacement.

• How to change the background in your Twilio Video calls with the Twilio Video Processors library
• Video Processors documentation
• The Video Processor source code

Noise cancellation

Much as it is hard to control your visual background, it can also be difficult to control background noise. With Twilio Video's Noise Cancellation we can improve the quality of every video call by removing unnecessary background noise.

• Noise Cancellation with Twilio Video

Running this project

To run this project you will need Node.js version 18 and a Twilio account (sign up for a free Twilio accout here). Once you have those, in hand, follow these steps:

1. Clone the repository from GitHub

   git clone https://github.com/philnash/advanced-twilio-video.git
   cd advanced-twilio-video
   

2. Install the repositories

   npm install
   

3. Copy the .env.example file to .env

   cp .env.example .env
   

4. Fill in your Twilio Account Sid in .env. Create an API Key and Secret in the Twilio console and fill those both into .env too.

5. Run the project with

   npm start
   

Note: some of the features in this example application require Group rooms. You may need to switch the default room type to Group rooms.