Merge pull request #36 from dyte-io/feat/screenshare-focused-ui-with-…

…custom-addons feat(latest-bg-removal): added latest video background removal
dyte-io · Aug 9, 2024 · 1e9ad32 · 1e9ad32
2 parents ccaa203 + 292ccc3
commit 1e9ad32
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git 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
@@ -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