fixed audio issue.

Signed-off-by: heyhiru <hirentimbadiya74@gmail.com>

client/src/pages/room/[slug].jsx

@@ -26,7 +26,9 @@ const RoomPage = () => {
         setRemoteSocketId(from);
         //! console.log(`incoming call from ${from} with offer ${offer}`);
         const stream = await navigator.mediaDevices.getUserMedia({
-            audio: true,
+            audio: {
+                echoCancellation: true,
+            },
             video: true
         });
         setMyStream(stream);
@@ -146,6 +148,10 @@ const RoomPage = () => {
             video: true
         });
 
+        const audioSender = peer.peer.getSenders().find(sender => sender.track && sender.track.kind === 'audio');
+        if (audioSender) {
+            audioSender.track.enabled = !audioSender.track.enabled;
+        }
         if (isAudioMute) {
             const audioTracks = stream.getAudioTracks();
             audioTracks.forEach(track => track.enabled = false);

client/src/service/peer.js

@@ -38,10 +38,6 @@ class PeerService {
     toggleAudio = () => {
         const audioTracks = this.peer.getSenders().find(sender => sender.track.kind === 'audio').track;
         audioTracks.enabled = !audioTracks.enabled;
-
-        // Mute the local audio track
-        const localAudioTrack = this.peer.getLocalStreams()[0].getAudioTracks()[0];
-        localAudioTrack.enabled = !localAudioTrack.enabled;
     };
 
     toggleVideo = () => {