Interface GaussianBlurBackgroundProcessorOptions

The VideoProcessors load assets dynamically depending on certain browser features. You need to serve all the assets and provide the root path so they can be referenced properly. These assets can be copied from the dist/build folder which you can add as part of your deployment process.

Example

For virtual background:

const virtualBackground = new VirtualBackgroundProcessor({
  assetsPath: 'https://my-server-path/assets',
  backgroundImage: img,
});
await virtualBackground.loadModel();
Copy

For blur background:

const blurBackground = new GaussianBlurBackgroundProcessor({
  assetsPath: 'https://my-server-path/assets'
});
await blurBackground.loadModel();
Copy

Whether to skip processing every other frame to improve the output frame rate, but reducing accuracy in the process.

Default

true
Copy

The blur radius to use when smoothing out the edges of the person's mask.

Default

8 for WebGL2 pipeline, 4 for Canvas2D pipeline
Copy

Specifies which pipeline to use when processing video frames.

Default

'WebGL2'
Copy