Programmable Video Processors
Twilio Video Processors is a collection of video processing tools that can be used with the Twilio Video JavaScript SDK to apply transformations and filters, such as background blurring and virtual backgrounds, to a VideoTrack
. You can also use the tools to create your own transformations or filters.
Prerequisites
- Twilio Video JavaScript SDK (v2.15+)
- Node.js (v14+)
- NPM (v6+, comes installed with newer Node versions)
Video Processors Live Demo
See a live demo with blurred backgrounds and virtual backgrounds using the Video Processors tools here.
Run the demo application
View the Video Processors demo application and run the example application locally.
Add the SDK
You can install Video Processors using Node Package Manager (npm):
npm install @twilio/video-processors --save
Using this method, you can import twilio-video-processors
like so:
import * as VideoProcessors from '@twilio/video-processors';
Using the <script>
tag
After installing with npm, you can also copy twilio-video-processors.js
from the dist/build
folder and include it directly in your web app using a <script>
tag:
<script src="https://my-server-path/twilio-video-processors.js"></script>
Using this method, twilio-video-processors.js
will set a browser global:
const VideoProcessors = Twilio.VideoProcessors;
Supported browsers
The following table lists the browsers and operating systems supported by the SDK.
Chrome | Firefox | Safari | Edge (Chromium) | |
Android | ✓ | ✓ | - | - |
iOS | ✓ | - | ✓ | - |
Linux | ✓ | ✓ | - | - |
MacOS | ✓ | ✓ | ✓ | ✓ |
Windows | ✓ | ✓ | - | ✓ |
Documentation
View the full Video Processors SDK documentation here.
Need some help?
We all do sometimes; code is hard. Get help now from our support team, or lean on the wisdom of the crowd by visiting Twilio's Stack Overflow Collective or browsing the Twilio tag on Stack Overflow.