@100mslive/roomkit-react 0.3.19-alpha.10 → 0.3.19-alpha.12

package/package.json

@@ -10,7 +10,7 @@
     "prebuilt",
     "roomkit"
   ],
-  "version": "0.3.19-alpha.10",
+  "version": "0.3.19-alpha.12",
   "author": "100ms",
   "license": "MIT",
   "repository": {
@@ -75,12 +75,12 @@
     "react": ">=17.0.2 <19.0.0"
   },
   "dependencies": {
-    "@100mslive/hls-player": "0.3.19-alpha.10",
+    "@100mslive/hls-player": "0.3.19-alpha.12",
     "@100mslive/hms-noise-cancellation": "0.0.1",
-    "@100mslive/hms-virtual-background": "1.13.19-alpha.10",
-    "@100mslive/hms-whiteboard": "0.0.9-alpha.10",
-    "@100mslive/react-icons": "0.10.19-alpha.10",
-    "@100mslive/react-sdk": "0.10.19-alpha.10",
+    "@100mslive/hms-virtual-background": "1.13.19-alpha.12",
+    "@100mslive/hms-whiteboard": "0.0.9-alpha.12",
+    "@100mslive/react-icons": "0.10.19-alpha.12",
+    "@100mslive/react-sdk": "0.10.19-alpha.12",
     "@100mslive/types-prebuilt": "0.12.12",
     "@emoji-mart/data": "^1.0.6",
     "@emoji-mart/react": "^1.0.1",
@@ -117,5 +117,5 @@
     "uuid": "^8.3.2",
     "worker-timers": "^7.0.40"
   },
-  "gitHead": "ff1d543414b72cd0acb3f4caf867bacb5ba806d5"
+  "gitHead": "f0ac7e7cc1212e2a30cd404deefffd4a7d091c9f"
 }

package/src/Prebuilt/components/VirtualBackground/VBPicker.tsx

@@ -64,6 +64,17 @@ export const VBPicker = ({ backgroundMedia = [] }: { backgroundMedia: VirtualBac
   const showVideoTile = isVideoOn && isLargeRoom && !inPreview;
 
   useEffect(() => {
+    const addHMSVBPlugin = async () => {
+      setLoadingEffects(false);
+      if (!role) {
+        return;
+      }
+      await VBHandler.initialisePlugin();
+      await hmsActions.addPluginToVideoTrack(
+        VBHandler.getVBObject() as HMSVBPlugin,
+        Math.floor(role.publishParams.video.frameRate / 2),
+      );
+    };
     const initializeVirtualBackground = async () => {
       if (!track?.id || pluginLoadingRef.current || isPluginAdded) {
         return;
@@ -79,17 +90,14 @@ export const VBPicker = ({ backgroundMedia = [] }: { backgroundMedia: VirtualBac
           await VBHandler.initialisePlugin(effectsKey, () => {
             setLoadingEffects(false);
           });
-          hmsActions.addPluginsToVideoStream([VBHandler.getVBObject() as HMSMediaStreamPlugin]);
-        } else {
-          setLoadingEffects(false);
-          if (!role) {
-            return;
+          const vbInstance = VBHandler.getVBObject();
+          if (vbInstance.getName() === 'HMSEffects') {
+            hmsActions.addPluginsToVideoStream([VBHandler.getVBObject() as HMSMediaStreamPlugin]);
+          } else {
+            await addHMSVBPlugin();
           }
-          await VBHandler.initialisePlugin();
-          await hmsActions.addPluginToVideoTrack(
-            VBHandler.getVBObject() as HMSVBPlugin,
-            Math.floor(role.publishParams.video.frameRate / 2),
-          );
+        } else {
+          await addHMSVBPlugin();
         }
 
         const handleDefaultBackground = async () => {