Update templates/index.html

templates/index.html

@@ -92,6 +92,7 @@
     <script>
         let recognition;
         let isListening = false;
+
         // Initialize speech recognition
         if ('webkitSpeechRecognition' in window) {
             recognition = new webkitSpeechRecognition();
@@ -111,4 +112,48 @@
 
         // Make sure to start listening as soon as the page loads
         window.onload = function () {
-            welcomeMessage();  // Automatically say the welcome mes
+            welcomeMessage();  // Automatically say the welcome message
+            setTimeout(startListening, 5000);  // Start listening after the welcome message
+        };
+
+        // Function to start listening to voice input
+        function startListening() {
+            const status = document.getElementById('status');
+            const nameInput = document.getElementById('name');
+            const emailInput = document.getElementById('email');
+
+            status.textContent = 'Listening for your name...';
+            recognition.start();  // Start voice recognition
+
+            // Handle recognition results
+            recognition.onresult = function(event) {
+                const transcript = event.results[event.resultIndex][0].transcript.trim();
+                if (event.results[event.resultIndex].isFinal) {
+                    if (!nameInput.value) {
+                        // If name is empty, fill it with the recognized text
+                        nameInput.value = transcript;
+                        status.textContent = 'Listening for your email...';
+                        recognition.stop(); // Stop listening for name
+                        recognition.start(); // Start listening for email
+                    } else if (nameInput.value && !emailInput.value) {
+                        // If email is empty, fill it with the recognized text
+                        emailInput.value = transcript;
+                        status.textContent = 'Registration complete.';
+
+                        // After registration is complete, refresh page automatically after 15 seconds
+                        setTimeout(() => location.reload(), 15000); // Refresh after 15 seconds
+                    }
+                }
+            };
+
+            recognition.onerror = function(event) {
+                console.error('Speech recognition error:', event.error);
+                status.textContent = 'Error recognizing speech. Please try again.';
+            };
+        }
+
+        // Event listener for button to start listening
+        document.getElementById('status').addEventListener('click', startListening);
+    </script>
+</body>
+</html>