Merge pull request #184 from TUMFARSynchrony/frontend-my-mute-partici…

…pants Prevent participants from hearing themselves
TUMFARSynchrony · Oct 27, 2023 · 620bfa2 · 620bfa2
2 parents c8c7b6f + 911316f
commit 620bfa2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/frontend/src/components/atoms/Video/Video.tsx b/frontend/src/components/atoms/Video/Video.tsx
@@ -8,9 +8,10 @@ type VideoProps = {
   src: MediaProvider;
   participantData: Participant;
   title?: string; // Add a title prop
+  shouldMute?: boolean;
 };
 
-const Video = ({ src, participantData, title }: VideoProps) => {
+const Video = ({ src, participantData, title, shouldMute }: VideoProps) => {
   const useVideo = (stream: MediaStream | null) => {
     const videoRef = useRef(document.createElement("video"));
 
@@ -19,6 +20,11 @@ const Video = ({ src, participantData, title }: VideoProps) => {
       if (!stream) {
         return;
       }
+
+      if (shouldMute) {
+        video.muted = true;
+      }
+
       video.srcObject = src;
       video.onloadedmetadata = function () {
         video.play();

diff --git a/frontend/src/components/organisms/VideoCanvas/VideoCanvas.tsx b/frontend/src/components/organisms/VideoCanvas/VideoCanvas.tsx
@@ -40,6 +40,7 @@ function VideoCanvas({ connectedParticipants, sessionData, ownParticipantId, loc
             src={localStream}
             participantData={getParticipantById(ownParticipantId, sessionData)}
             title="You"
+            shouldMute={true}
           />
         ) : null}
         {/* Render videos for other connected participants */}