ASRinServer

Sleeping

JPLTedCas commited on Oct 27, 2023

Commit

8494a3e

1 Parent(s): 8c30780

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -1,35 +1,41 @@
 <!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>

 <!DOCTYPE html>
 <html>
 <head>
+    <title>Reconocimiento de Voz con WebRTC</title>
 </head>
 <body>
+    <button id="startRecording">Iniciar Grabación</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 startRecordingButton = document.getElementById('startRecording');
         const outputDiv = document.getElementById('output');
+        let mediaRecorder;
+        let audioChunks = [];
+        let recognition;
+        startRecordingButton.addEventListener('click', () => {
+            if (!recognition) {
+                recognition = new webkitSpeechRecognition();
+                recognition.lang = 'es-ES';
+                recognition.onresult = function (event) {
+                    const result = event.results[0][0].transcript;
+                    socket.emit('audio_data', result);
+                };
+            }
+            try {
+                recognition.start();
+            } catch (error) {
+                console.error('Error al iniciar el reconocimiento de voz:', error);
+            }
         });
+        socket.on('transcription', function (data) {
             outputDiv.innerHTML = `Texto reconocido: ${data}`;
         });
     </script>
 </body>
+</html>