Update index.html

index.html

@@ -188,6 +188,8 @@
         let bars;
         let animationId;
         let isListening = false;
+        let mediaStream;
+        let audioSource;
 
         function createVisualizer() {
             const barCount = 64;
@@ -295,9 +297,9 @@
                     }
                 });
 
-                const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-                const source = audioContext.createMediaStreamSource(stream);
-                source.connect(analyser);
+                mediaStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                audioSource = audioContext.createMediaStreamSource(mediaStream);
+                audioSource.connect(analyser);
 
                 await myvad.start();
                 startButton.textContent = 'End Call';
@@ -316,6 +318,22 @@
                 isListening = false;
                 addLog('System: Stopped listening.');
                 cancelAnimationFrame(animationId);
+
+                // Stop all tracks in the media stream
+                if (mediaStream) {
+                    mediaStream.getTracks().forEach(track => track.stop());
+                }
+
+                // Disconnect the audio source from the analyser
+                if (audioSource) {
+                    audioSource.disconnect();
+                }
+
+                // Close the audio context
+                if (audioContext) {
+                    await audioContext.close();
+                }
+
                 addLog('websocket closed');
             }
         }