'How to change the back of video in vonage

Members,

I am using Vonage API for video calling.

I want to change the video background, Can anyone guide me on this.!

Looking forward to hearing from you!!

Thank you!!

javascriptcssvonage


Solution 1:[1]

The Vonage Video APIs does not currently support this out of the box - you will need to integrate a 3rd party library, dependent on what platform and programming language you're using.

Solution 2:[2]

Background replacement and Insertable Streams are on the roadmap in early 2022, but as for now the only thing available to alter the background, using only the Vonage Video API, is the recently released (still in beta) Background Blur method. This is applied to the Publisher via the method applyVideoFilter.

Example:

// Start the BG Blur before publishing
OT.initPublisher(someContainer, {
   videoFilter: {
      type: 'backgroundBlur',
   },
})

// Start the BG Blur after publishing
await publisher.applyVideoFilter({
   type: 'backgroundBlur',
   blurStrength: 'low',
})

// Stopping the BG Blur after publishing
await publisher.clearVideoFilter();

In the April 2022 announcement: Added support for filtering video for the publisher. This is a beta feature. Currently, only a background blur filter can be applied. See the videoFilter property of the option parameter you pass into OT.initPublisher() method. Also, see the docs for the Publisher.applyVideoFilter(), Publisher.getVideoFilter(), and Publisher.clearVideoFilter() methods.

You can read more in the Vonage Developer Docs.

Solution 3:[3]

You can use this library to add background blur and replacement https://npm.io/package/@vonage/video-effects

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Paul Ardeleanu
Solution 2
Solution 3 Rajkiran Talusani

Related Questions