Examples

These example apps demonstrate special use-cases of the Twilio Video JS SDK.

To try the quickstart, click here

Bandwidth Constraints

This app demonstrates the Bandwidth Constraints API, which can be used to control the send-side bandwidth of the media that is published to the Room.

Local Video Filter

This app demonstrates a way to apply filters to the LocalVideoTrack. The filtered LocalVideoTrack can then be used to connect to a Room.

Local Video Snapshot

This app demonstrates a way to capture a snapshot of the LocalVideoTrack using the HTMLCanvasElement.

Media Device Selection

This app demonstrates a way to select the media devices to be used for capturing local media.

Codec Preferences

This app demonstrates the Codec Preferences API, which can be used to specify the send-side audio and video codec preferences while connecting to a Room.

Share Your Screen

This app demonstrates how to capture your screen so that you can share it with other Participants in the Room. This example requires that the browser support the getDisplayMedia API.

Dominant Speaker

This app demonstrates the Dominant Speaker API for Group or Small Group Rooms. In order to run this example, please go to the Programmable Video Settings in the Twilio Console and select the Room Type as Group or Group-Small.

Reconnection States and Events

This app demonstrates the Room's Reconnection States and Events which can be used to notify the user when Twilio Video SDK is reconnecting to the Room, probably due to network interruptions or handoffs.

Network Quality

This app demonstrates the Network Quality API for Group or Small Group Rooms. In order to run this example, please go to the Programmable Video Settings in the Twilio Console and select the Room Type as Group or Group-Small.

Enabling and Disabling Tracks

This app demonstrates how to enable/disable your LocalTracks and handle the events on the remote side.

RemoteParticipant Reconnection States and Events

This app demonstrates the RemoteParticipant Reconnection States and Events which can be used to update your application when somebody else is reconnecting to the Room.

DataTracks

This app demonstrates the DataTracks API which can be used to send low latency messages to subscribers. It can also be used to create "whiteboarding" sessions as demonstrated in Draw With Twilio.

Video Track Manual Controls

This app demonstrates the manual modes of the clientTrackSwitchOffControl and contentPreferencesMode features. Which can be used to efficiently utilize CPU and bandwidth.

Video Track Automatic Controls

This app demonstrates the default (automatic) modes of the clientTrackSwitchOffControl and contentPreferencesMode features. Which can be used to efficiently utilize CPU and bandwidth.