From 292ccc3ee1ec2abdeefb8a93025d27c05f10d58f Mon Sep 17 00:00:00 2001 From: Ravindra Singh Rathor Date: Fri, 9 Aug 2024 13:44:00 +0530 Subject: [PATCH] feat(latest-bg-removal): added latest video background removal --- .../screenshare-focused-ui-with-custom-addons/package.json | 2 +- .../src/components/EffectsManager.tsx | 6 ++++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/samples/screenshare-focused-ui-with-custom-addons/package.json b/samples/screenshare-focused-ui-with-custom-addons/package.json index 23f90de..d90905e 100644 --- a/samples/screenshare-focused-ui-with-custom-addons/package.json +++ b/samples/screenshare-focused-ui-with-custom-addons/package.json @@ -10,7 +10,7 @@ "dependencies": { "@dytesdk/react-ui-kit": "^2.0.0", "@dytesdk/react-web-core": "^2.0.0", - "@dytesdk/video-background-transformer": "1.1.7", + "@dytesdk/video-background-transformer": "2.0.1", "zustand": "^3.5.6", "react": "^18.2.0", "react-dom": "^18.2.0" diff --git a/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx b/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx index 56c63b1..91f3407 100644 --- a/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx +++ b/samples/screenshare-focused-ui-with-custom-addons/src/components/EffectsManager.tsx @@ -55,11 +55,13 @@ const EffectsManager = ({ backgroundTransformerInit.current !== true ) { backgroundTransformerInit.current = true; - const transformer = await DyteVideoBackgroundTransformer.init(); + const transformer = await DyteVideoBackgroundTransformer.init({ + meeting, + }); MiddlewareHolder.transformer = transformer; } else return; } - // await meeting.self.setVideoMiddlewareGlobalConfig({ disablePerFrameCanvasRendering: true }); + await meeting.self.setVideoMiddlewareGlobalConfig({ disablePerFrameCanvasRendering: true }); if (effects.video.background === 'image') { const imageURL = `https://assets.dyte.io/backgrounds/${effects.video.backgroundImage}`; MiddlewareHolder.transformer