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

feat(latest-bg-removal): added latest video background removal

Author: ravindra-dyte

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"

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