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.