Update app.py

app.py

@@ -94,7 +94,79 @@ html_code = """
     <div class="status" id="status">Press the mic button to start...</div>
     <div class="response" id="response">Response will appear here...</div>
     <script>
-        // JS code remains unchanged
+        const micButton = document.getElementById('mic-button');
+        const status = document.getElementById('status');
+        const response = document.getElementById('response');
+        let mediaRecorder;
+        let audioChunks = [];
+        let isConversationActive = false;
+        micButton.addEventListener('click', () => {
+            if (!isConversationActive) {
+                isConversationActive = true;
+                startConversation();
+            }
+        });
+        function startConversation() {
+            const utterance = new SpeechSynthesisUtterance('Please choose your preference: All, Vegetarian, Non-Vegetarian, or Guilt-Free.');
+            speechSynthesis.speak(utterance);
+            utterance.onend = () => {
+                status.textContent = 'Listening...';
+                startListening();
+            };
+        }
+        function startListening() {
+            navigator.mediaDevices.getUserMedia({ audio: true }).then(stream => {
+                mediaRecorder = new MediaRecorder(stream, { mimeType: 'audio/webm;codecs=opus' });
+                mediaRecorder.start();
+                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 = () => {
+                            console.log("Speech synthesis completed.");
+                            if (data.response.includes("Goodbye")) {
+                                status.textContent = 'Conversation ended. Press the mic button to start again.';
+                                isConversationActive = false;
+                                fetch('/reset-cart'); // Reset the cart dynamically on end
+                            } else if (data.response.includes("Your order is complete")) {
+                                status.textContent = 'Order complete. Thank you for using AI Dining Assistant.';
+                                isConversationActive = false;
+                                fetch('/reset-cart'); // Reset the cart after final order
+                            } else {
+                                status.textContent = 'Listening...';
+                                setTimeout(() => {
+                                    startListening();
+                                }, 500);
+                            }
+                        };
+                        utterance.onerror = (e) => {
+                            console.error("Speech synthesis error:", e.error);
+                            status.textContent = 'Error with speech output.';
+                            isConversationActive = false;
+                        };
+                    } catch (error) {
+                        response.textContent = 'Sorry, I could not understand. Please try again.';
+                        response.style.display = 'block';
+                        status.textContent = 'Press the mic button to restart the conversation.';
+                        isConversationActive = false;
+                    }
+                };
+                setTimeout(() => mediaRecorder.stop(), 5000);
+            }).catch(() => {
+                status.textContent = 'Microphone access denied.';
+                isConversationActive = false;
+            });
+        }
     </script>
 </body>
 </html>