Add muted attribute to video player

Author: sondreo

frontend/src/components/Contexts/MediaStreamContext.tsx

@@ -61,12 +61,11 @@ export const MediaStreamProvider: FC<Props> = ({ children }) => {
         ) {
             addTrackToConnection(track.mediaStreamTrack, config.robotId)
         }
-        if (room.state == ConnectionState.Disconnected) {
+        if (room.state === ConnectionState.Disconnected) {
             room.connect(config.url, config.token)
                 .then(() => console.log(JSON.stringify(room.state)))
-                .catch((error) => console.log('Error connecting to LiveKit room'))
+                .catch((error) => console.warn('Error connecting to LiveKit Room, may already be connected:', error))
         }
-        console.log(JSON.stringify(room.numParticipants))
     }
 
     const createMediaConnection = async (config: MediaStreamConfig) => {

frontend/src/components/Pages/MissionPage/VideoStream/VideoPlayerSimpleStream.tsx

@@ -6,6 +6,7 @@ interface IVideoPlayerProps {
 export const VideoPlayerSimpleStream = ({ videoStream, videoStreamName }: IVideoPlayerProps) => (
     <video
         autoPlay
+        muted
         ref={(video) => {
             if (video) video.srcObject = videoStream
         }}