This sample application shows how to add background blur with the Vonage Video APIs. It is very similar to the Basic Video Chat example, but it adds a background blur to the publisher. See Vonage ML Transformers library for more information.

Enter your credentials in config.js and the application will work.

Note: There is a devDependency sirv-cli in the project that is only necessary to run the demo on StackBlitz.

Important: Read the following sections of the main README file for the repository to set up and test the application:

• Setting up the test web service
• Configuring the application
• Testing the application

After connecting to the session, and publishing the audio-video stream, adds background blur.

session.publish(publisher, () => transformStream(publisher));

• MediaProcessors are only supported in recent versions of Chrome, Electron, Opera, and Edge. They are not supported in other (non-Chromium-based) browsers or on iOS. You can check if the client supports this feature by calling the OT.hasMediaProcessorSupport() method.