Update templates/index.html

templates/index.html

@@ -76,7 +76,7 @@
 
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
-            recognition.continuous = false;
+            recognition.continuous = true;
             recognition.interimResults = false;
             recognition.lang = 'en-US';
         } else {
@@ -90,17 +90,21 @@
         }
 
         function startListeningForName() {
+            nameCaptured = "";
             recognition.start();
             recognition.onresult = function(event) {
-                nameCaptured = event.results[0][0].transcript.trim();
-                document.getElementById('name').value = nameCaptured;
+                let transcript = event.results[event.results.length - 1][0].transcript.trim();
+                nameCaptured += transcript + " ";
+                document.getElementById('name').value = nameCaptured.trim();
+            };
+            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.trim().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();
@@ -108,19 +112,23 @@
                     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, '');
-                document.getElementById('email').value = emailCaptured;
+                let transcript = event.results[event.results.length - 1][0].transcript.trim();
+                emailCaptured += transcript + " ";
+                document.getElementById('email').value = emailCaptured.trim();
+            };
+            recognition.onspeechend = function() {
                 recognition.stop();
-                speak("You said " + emailCaptured + ". Is it correct?", function() {
+                speak("You said " + emailCaptured.trim() + ". Is it correct?", function() {
                     recognition.start();
                     recognition.onresult = function(event) {
                         let confirmation = event.results[0][0].transcript.trim().toLowerCase();
@@ -129,7 +137,7 @@
                             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);
                         }
                     };
                 });
@@ -138,7 +146,7 @@
 
         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);
                 });
             });