Update index.html

index.html

@@ -188,9 +188,6 @@
         let bars;
         let animationId;
         let isListening = false;
-        let mediaStream;
-        let audioSource;
-        let playbackContext;
 
         function createVisualizer() {
             const barCount = 64;
@@ -236,7 +233,7 @@
                 const transcription = await sttPipeline(audio);
                 addLog(`User: ${transcription.text}`);
                 
-                const botResponse = `I heard you say: "${transcription.text}". This is a placeholder response.`;
+                const botResponse = `I heard you say: "${transcription.text}".`;
                 addLog(`Bot: ${botResponse}`);
 
                 const speechOutput = await ttsPipeline(botResponse);
@@ -258,16 +255,18 @@
         }
 
         function playAudio(audioArray) {
-            const audioBuffer = playbackContext.createBuffer(1, audioArray.length, 16000);
+            const audioBuffer = audioContext.createBuffer(1, audioArray.length, 16000);
             const channelData = audioBuffer.getChannelData(0);
             channelData.set(audioArray);
 
-            const source = playbackContext.createBufferSource();
+            const source = audioContext.createBufferSource();
             source.buffer = audioBuffer;
-            source.connect(playbackContext.destination);
+            source.connect(analyser);
+            analyser.connect(audioContext.destination);
             source.start();
         }
 
+
         async function toggleListening() {
             if (isListening) {
                 await stopListening();
@@ -275,6 +274,7 @@
                 await startListening();
             }
         }
+      
 
         async function startListening() {
             try {
@@ -283,21 +283,6 @@
                 analyser.fftSize = 128;
                 dataArray = new Uint8Array(analyser.frequencyBinCount);
 
-                const constraints = {
-                    audio: {
-                        echoCancellation: true,
-                        noiseSuppression: true,
-                        autoGainControl: true
-                    }
-                };
-
-                mediaStream = await navigator.mediaDevices.getUserMedia(constraints);
-                audioSource = audioContext.createMediaStreamSource(mediaStream);
-                audioSource.connect(analyser);
-
-                // Create a separate context for playback
-                playbackContext = new (window.AudioContext || window.webkitAudioContext)();
-
                 myvad = await vad.MicVAD.new({
                     onSpeechStart: () => {
                         addLog('--- vad: speech start');
@@ -307,16 +292,17 @@
                         addLog('--- vad: speech end');
                         cancelAnimationFrame(animationId);
                         processSpeech(audio);
-                    },
-                    onVADMisfire: () => {
-                        addLog('--- vad: misfire (false positive)');
                     }
                 });
 
+                const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                const source = audioContext.createMediaStreamSource(stream);
+                source.connect(analyser);
+
                 await myvad.start();
                 startButton.textContent = 'End Call';
                 isListening = true;
-                addLog('System: Listening... (VAD active)');
+                addLog('System: Listening...');
             } catch (error) {
                 console.error('Error starting VAD:', error);
                 addLog('System: Error starting voice detection. Please check your microphone and try again.');
@@ -325,51 +311,13 @@
 
         async function stopListening() {
             if (myvad) {
-                try {
-                    await myvad.stop();
-                    addLog('System: VAD stopped.');
-                } catch (error) {
-                    console.error('Error stopping VAD:', error);
-                    addLog('System: Error stopping VAD.');
-                }
-            }
-
-            if (mediaStream) {
-                mediaStream.getTracks().forEach(track => {
-                    track.stop();
-                    addLog(`System: Audio track ${track.kind} stopped.`);
-                });
-            }
-
-            if (audioSource) {
-                audioSource.disconnect();
-                addLog('System: Audio source disconnected.');
-            }
-
-            if (audioContext) {
-                try {
-                    await audioContext.close();
-                    addLog('System: Audio context closed.');
-                } catch (error) {
-                    console.error('Error closing audio context:', error);
-                    addLog('System: Error closing audio context.');
-                }
+                await myvad.pause();
+                startButton.textContent = 'Begin Call';
+                isListening = false;
+                addLog('System: Stopped listening.');
+                cancelAnimationFrame(animationId);
+                addLog('websocket closed');
             }
-
-            if (playbackContext) {
-                try {
-                    await playbackContext.close();
-                    addLog('System: Playback context closed.');
-                } catch (error) {
-                    console.error('Error closing playback context:', error);
-                    addLog('System: Error closing playback context.');
-                }
-            }
-
-            cancelAnimationFrame(animationId);
-            startButton.textContent = 'Begin Call';
-            isListening = false;
-            addLog('System: Call ended. All audio resources released.');
         }
 
         startButton.addEventListener('click', toggleListening);