Update templates/index.html

templates/index.html

@@ -76,8 +76,8 @@
 
     <script>
         let recognition;
-        let currentName = "";  // Variable to store the name as it's being formed
-        let currentEmail = ""; // Variable to store the email as it's being formed
+        let currentName = "";  // Store the name as it's being formed
+        let currentEmail = ""; // Store the email as it's being formed
         let isNameCaptured = false;
         let isEmailCaptured = false;
 
@@ -92,7 +92,7 @@
 
         function speak(text, callback) {
             const speech = new SpeechSynthesisUtterance(text);
-            speech.onend = callback;  // Once the speech ends, call the next function
+            speech.onend = callback;  // Call the next function after speech ends
             window.speechSynthesis.speak(speech);
         }
 
@@ -102,55 +102,50 @@
             status.textContent = "Listening for your name...";
             recognition.start();
             recognition.onresult = function(event) {
-                const transcript = event.results[0][0].transcript.trim();
-                
-                // Capture the individual letter spoken
-                currentName += transcript; // Append the current letter to the name
-                nameInput.value = currentName; // Display the updated name input
-
-                // Optionally, speak out the name as it's being typed
-                speak(transcript, null); // Say the captured letter
-                
-                // If the user says "next", stop and move to email
-                if (transcript.toLowerCase() === "next") {
-                    recognition.stop(); // Stop the recognition for name
+                const transcript = event.results[0][0].transcript.trim().toLowerCase();
+
+                if (transcript === "next") {
+                    recognition.stop(); // Stop recognition immediately
                     isNameCaptured = true;
                     status.textContent = "Your name is captured. Now listening for your email...";
-                    speak("Now, please tell me your email", startListeningForEmail);
+                    speak("Now, please tell me your email, letter by letter", startListeningForEmail);
+                    return; // Exit function so "next" is not appended to name
                 }
+
+                // Append spoken letters to the name
+                currentName += transcript + " "; // Space between letters for readability
+                nameInput.value = currentName.trim(); // Display the updated name
             };
         }
 
         function startListeningForEmail() {
             const status = document.getElementById('status');
             const emailInput = document.getElementById('email');
-            recognition.stop(); // Stop the previous recognition
-            recognition = new webkitSpeechRecognition(); // Recreate a new recognition object
-            recognition.continuous = false;  // Reset to stop after capturing each input
+            recognition.stop(); // Stop previous recognition
+
+            recognition = new webkitSpeechRecognition(); // Reset recognition
+            recognition.continuous = false;
             recognition.interimResults = false;
-            recognition.lang = 'en-US';  // Reset language
+            recognition.lang = 'en-US';
 
             status.textContent = "Listening for your email...";
             recognition.start();
             recognition.onresult = function(event) {
-                const transcript = event.results[0][0].transcript.trim();
-                
-                // Capture the individual letter spoken
-                currentEmail += transcript; // Append the current letter to the email
-                emailInput.value = currentEmail; // Display the updated email input
-
-                // Optionally, speak out the email as it's being typed
-                speak(transcript, null); // Say the captured letter
-                
-                // If the user says "next", stop and finalize the registration
-                if (transcript.toLowerCase() === "next") {
-                    recognition.stop(); // Stop the recognition for email
+                const transcript = event.results[0][0].transcript.trim().toLowerCase();
+
+                if (transcript === "next") {
+                    recognition.stop(); // Stop recognition for email
                     isEmailCaptured = true;
                     status.textContent = 'Registration complete.';
-
-                    // After registration, refresh the page after 20 seconds
-                    setTimeout(() => location.reload(), 20000); // Refresh after 20 seconds
+                    speak("Registration complete. Thank you!", function() {
+                        setTimeout(() => location.reload(), 10000); // Refresh after 10 sec
+                    });
+                    return; // Exit function to prevent "next" from being added
                 }
+
+                // Append spoken letters to the email
+                currentEmail += transcript; 
+                emailInput.value = currentEmail.trim();
             };
         }