Update app.py

app.py

@@ -75,41 +75,44 @@ html_code = """
             startListening();
         }
 
-        function startListening() {
-            navigator.mediaDevices.getUserMedia({ audio: true }).then(stream => {
-                const mediaRecorder = new MediaRecorder(stream, { mimeType: 'audio/webm;codecs=opus' });
-                const audioChunks = [];
-                mediaRecorder.ondataavailable = event => audioChunks.push(event.data);
-                mediaRecorder.onstop = async () => {
-                    const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });
-                    const formData = new FormData();
-                    formData.append('audio', audioBlob);
-
-                    status.textContent = 'Processing...';
-                    try {
-                        const result = await fetch('/process-audio', { method: 'POST', body: formData });
-                        const data = await result.json();
-                        response.textContent = data.response;
-                        response.style.display = 'block';
-
-                        const utterance = new SpeechSynthesisUtterance(data.response);
-                        speechSynthesis.speak(utterance);
-                        utterance.onend = () => {
+        async function startListening() {
+            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+            const mediaRecorder = new MediaRecorder(stream, { mimeType: 'audio/webm;codecs=opus' });
+            const audioChunks = [];
+
+            mediaRecorder.ondataavailable = event => audioChunks.push(event.data);
+            mediaRecorder.onstop = async () => {
+                const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });
+                const formData = new FormData();
+                formData.append('audio', audioBlob);
+
+                status.textContent = 'Processing...';
+                try {
+                    const result = await fetch('/process-audio', { method: 'POST', body: formData });
+                    const data = await result.json();
+                    response.textContent = data.response;
+                    response.style.display = 'block';
+
+                    const utterance = new SpeechSynthesisUtterance(data.response);
+                    speechSynthesis.speak(utterance);
+                    utterance.onend = () => {
+                        if (!data.response.includes("Goodbye") && !data.response.includes("final order")) {
+                            status.textContent = 'Listening...';
+                            startListening(); // Continue listening after response
+                        } else {
+                            status.textContent = 'Conversation ended.';
                             isListening = false;
-                            status.textContent = 'Press the mic button to continue ordering.';
-                        };
-                    } catch (error) {
-                        response.textContent = 'Error processing your request. Please try again.';
-                        status.textContent = 'Press the mic button to restart.';
-                        isListening = false;
-                    }
-                };
-                setTimeout(() => mediaRecorder.stop(), 5000);
-                mediaRecorder.start();
-            }).catch(() => {
-                status.textContent = 'Microphone access denied.';
-                isListening = false;
-            });
+                        }
+                    };
+                } catch (error) {
+                    response.textContent = 'Error processing your request. Please try again.';
+                    status.textContent = 'Press the mic button to restart.';
+                    isListening = false;
+                }
+            };
+
+            mediaRecorder.start();
+            setTimeout(() => mediaRecorder.stop(), 5000); // Stop recording after 5 seconds
         }
     </script>
 </body>