Update templates/index.html

templates/index.html

@@ -6,6 +6,8 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"></link>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
+            console.log("Page loaded. Initializing voice interaction...");
+
             const synth = window.speechSynthesis;
             const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
             recognition.continuous = false;
@@ -13,23 +15,31 @@
             recognition.lang = 'en-US';
 
             const speak = (text, callback) => {
+                console.log("Speaking:", text);
                 const utterance = new SpeechSynthesisUtterance(text);
                 utterance.onend = callback;
                 synth.speak(utterance);
             };
 
             const startRecognition = (callback) => {
+                console.log("Starting speech recognition...");
                 recognition.start();
                 recognition.onresult = (event) => {
                     const transcript = event.results[0][0].transcript;
+                    console.log("Recognized speech:", transcript);
                     callback(transcript);
                     recognition.stop();
                 };
+                recognition.onerror = (event) => {
+                    console.error("Speech recognition error:", event.error);
+                };
             };
 
             const welcomeMessage = () => {
+                console.log("Starting welcome message...");
                 speak("Welcome to Biryani Hub. Tell me your name.", () => {
                     startRecognition((name) => {
+                        console.log("Name recognized:", name);
                         document.getElementById('username').value = name;
                         askEmail();
                     });
@@ -37,10 +47,13 @@
             };
 
             const askEmail = () => {
+                console.log("Asking for email...");
                 speak("Please provide your email address.", () => {
                     startRecognition((email) => {
+                        console.log("Email recognized:", email);
                         document.getElementById('email').value = email;
                         speak("Thank you. Your email has been registered.", () => {
+                            console.log("Registration complete. Reloading page in 20 seconds...");
                             setTimeout(() => {
                                 location.reload();
                             }, 20000);