Update templates/index.html

templates/index.html

@@ -65,7 +65,7 @@
         <label for="email">Your Email</label>
         <input type="text" id="email" placeholder="Your email will appear here..." readonly>
         
-        <p class="info" id="infoMessage">Listening...</p>
+        <p class="info" id="infoMessage">Listening will start automatically...</p>
         <p class="status" id="status">Initializing...</p>
     </div>
 
@@ -73,30 +73,38 @@
         let recognition;
         let nameCaptured = "";
         let emailCaptured = "";
+
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
-            recognition.continuous = false;
+            recognition.continuous = true;
             recognition.interimResults = false;
             recognition.lang = 'en-US';
         } else {
             alert("Speech Recognition API is not supported in this browser.");
         }
+
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
             speech.onend = callback;
             window.speechSynthesis.speak(speech);
         }
+
         function startListeningForName() {
+            nameCaptured = "";
             recognition.start();
             recognition.onresult = function(event) {
-                nameCaptured = event.results[0][0].transcript.trim();
+                let transcript = event.results[event.results.length - 1][0].transcript.trim().replace(/\s+/g, "");
+                nameCaptured += transcript;
                 document.getElementById('name').value = nameCaptured;
+            };
+            recognition.onspeechend = function() {
                 recognition.stop();
                 setTimeout(confirmName, 500);
             };
         }
+
         function confirmName() {
-            speak("You said " + nameCaptured + ". Is it okay, or do you want to change it?", function() {
+            speak("You said " + nameCaptured.split('').join(' ') + ". Is it okay, or do you want to change it?", function() {
                 recognition.start();
                 recognition.onresult = function(event) {
                     let confirmation = event.results[0][0].transcript.trim().toLowerCase();
@@ -104,16 +112,21 @@
                     if (confirmation.includes("ok") || confirmation.includes("yes")) {
                         setTimeout(() => speak("Great! Now, tell me your email.", startListeningForEmail), 500);
                     } else {
-                        setTimeout(() => speak("Let's try again. Tell me your name.", startListeningForName), 500);
+                        setTimeout(() => speak("Let's try again. Tell me your name, letter by letter.", startListeningForName), 500);
                     }
                 };
             });
         }
+
         function startListeningForEmail() {
+            emailCaptured = "";
             recognition.start();
             recognition.onresult = function(event) {
-                emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
+                let transcript = event.results[event.results.length - 1][0].transcript.trim().replace(/\s+/g, "");
+                emailCaptured += transcript;
                 document.getElementById('email').value = emailCaptured;
+            };
+            recognition.onspeechend = function() {
                 recognition.stop();
                 speak("You said " + emailCaptured + ". Is it correct?", function() {
                     recognition.start();
@@ -124,23 +137,24 @@
                             speak("Your registration is complete. Thank you for registering.");
                             setTimeout(() => location.reload(), 20000);
                         } else {
-                            speak("Let's try again. Tell me your email.", startListeningForEmail);
+                            speak("Let's try again. Tell me your email letter by letter.", startListeningForEmail);
                         }
                     };
                 });
             };
         }
+
         function startProcess() {
             speak("Welcome to Biryani Hub", function() {
-                speak("Tell me your name, and I will confirm it with you.", function() {
+                speak("Tell me your name letter by letter, and I will confirm it with you.", function() {
                     setTimeout(startListeningForName, 500);
                 });
             });
         }
+
         window.onload = function () {
             setTimeout(startProcess, 4000);
         };
     </script>
 </body>
 </html>
-