browser-sdk: Auto mute video cell of local participant in video grid

whereby · Nov 21, 2024 · ad21973 · ad21973
1 parent 97c00c9
commit ad21973
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/khaki-humans-add.md b/.changeset/khaki-humans-add.md
@@ -0,0 +1,5 @@
+---
+"@whereby.com/browser-sdk": patch
+---
+
+Auto mute video cell of local participant in video grid
diff --git a/packages/browser-sdk/src/lib/react/Grid/index.tsx b/packages/browser-sdk/src/lib/react/Grid/index.tsx
@@ -79,6 +79,7 @@ const GridVideoView = React.forwardRef<WherebyVideoElement, GridVideoViewProps>(
                 ...(isConstrained ? { objectFit: "cover" } : {}),
                 ...style,
             }}
+            muted={participant.isLocalClient}
             {...rest}
             stream={s}
             onVideoResize={handleResize}

diff --git a/packages/browser-sdk/src/stories/video-grid-ui.stories.tsx b/packages/browser-sdk/src/stories/video-grid-ui.stories.tsx
@@ -58,7 +58,7 @@ export const VideoGridStory = {
         }
         const [isLocalScreenshareActive, setIsLocalScreenshareActive] = React.useState(false);
 
-        const { actions } = useRoomConnection(roomUrl, { localMediaOptions: { audio: false, video: true } });
+        const { actions } = useRoomConnection(roomUrl, { localMediaOptions: { audio: true, video: true } });
         const { toggleCamera, toggleMicrophone, startScreenshare, stopScreenshare, joinRoom, leaveRoom } = actions;
 
         React.useEffect(() => {