Update index.backup5.html

index.backup5.html

@@ -404,4 +404,64 @@
                 });
 
                 await myvad.start();
-                startButton.textContent
+            startButton.textContent = 'End Call';
+                isListening = true;
+                addLog('System: Listening...');
+            } catch (error) {
+                console.error('Error starting voice activity:', error);
+                addLog(`System: Error starting voice detection: ${error.message}`);
+            }
+        }
+
+        async function stopListening() {
+            if (myvad) {
+                try {
+                    await myvad.destroy();
+                } catch (error) {
+                    console.error('Error stopping voice activity:', error);
+                }
+                myvad = null;
+            }
+            if (microphoneStream) {
+                microphoneStream.getTracks().forEach(track => track.stop());
+                microphoneStream = null;
+            }
+            if (audioContext) {
+                await audioContext.close();
+                audioContext = null;
+            }
+            if (localVideo) {
+                localVideo.srcObject = null;
+            }
+            if (remoteVideo) {
+                remoteVideo.srcObject = null;
+            }
+            if (rtcConnection) {
+                rtcConnection.close();
+                rtcConnection = null;
+            }
+            if (rtcLoopbackConnection) {
+                rtcLoopbackConnection.close();
+                rtcLoopbackConnection = null;
+            }
+            loopbackStream = new MediaStream();
+            stopCurrentAudio();
+            startButton.textContent = 'Begin Call';
+            isListening = false;
+            addLog('System: Stopped listening.');
+            cancelAnimationFrame(animationId);
+            addLog('System: Microphone closed');
+        }
+
+        startButton.addEventListener('click', toggleListening);
+        clearLogsButton.addEventListener('click', () => {
+            logsDiv.innerHTML = '';
+        });
+
+        createVisualizer();
+        initializePipelines();
+    </script>
+</body>
+</html>
+
+