ASR-configurable

Runtime error

JPLTedCas commited on Oct 27, 2023

Commit

8c30780

•

1 Parent(s): dcffac3

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -1,23 +1,30 @@
 <!DOCTYPE html>
 <html>
 <head>
-    <title>WebSockets y Reconocimiento de Voz</title>
 </head>
 <body>
     <div id="output"></div>
-    <button onclick="startRecognition()">Comenzar Reconocimiento</button>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
     <script>
-        const socket = io.connect('https://' + document.domain + ':' + location.port);
-        socket.on('response', function (message) {
-            const output = document.getElementById('output');
-            output.innerHTML = message;
         });
-        function startRecognition() {
-            socket.emit('recognize_speech');
-        }
     </script>
 </body>
 </html>
@@ -25,3 +32,4 @@

 <!DOCTYPE html>
 <html>
 <head>
+    <title>Reconocimiento de Voz en Español</title>
 </head>
 <body>
+    <button id="startRecognition">Iniciar Reconocimiento</button>
     <div id="output"></div>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
     <script>
+        const socket = io.connect('http://' + document.domain + ':' + location.port);
+        const startRecognitionButton = document.getElementById('startRecognition');
+        const outputDiv = document.getElementById('output');
+        startRecognitionButton.addEventListener('click', function () {
+            const recognition = new webkitSpeechRecognition();
+            recognition.lang = 'es-ES'; // Configura el idioma a español (España)
+            recognition.onresult = function (event) {
+                const result = event.results[0][0].transcript;
+                socket.emit('recognize_speech', result);
+            };
+            recognition.start();
         });
+        socket.on('response', function (data) {
+            outputDiv.innerHTML = `Texto reconocido: ${data}`;
+        });
     </script>
 </body>
 </html>