Update static/js/app.js

static/js/app.js

@@ -111,9 +111,10 @@ function stopRecording() {
     gumStream.getAudioTracks()[0].stop();
 
     //create the wav blob and pass it on to createDownloadLink
-    //rec.exportWAV(createDownloadLink);
+    rec.exportWAV(createDownloadLink);
     // Exportar los datos de audio como un Blob una vez que la grabaci n haya finalizado
-    rec.exportWAV(function (blob) {
+    //rec.exportWAV(function (blob) {
+    function createDownloadLink (blob) {
         // La funci n de devoluci n de llamada se llama con el Blob que contiene los datos de audio en formato WAV
         // Puedes utilizar este Blob como desees, por ejemplo, crear una URL para descargarlo
         var url = URL.createObjectURL(blob);
@@ -166,30 +167,30 @@ function stopRecording() {
             xhr.onreadystatechange = function () {
                 if (xhr.readyState === 4 && xhr.status === 200) {
                     // Manejar la respuesta del servidor
-                    console.log("Respuesta del servidor:", xhr.responseText);
+                    //console.log("Respuesta del servidor:", xhr.responseText);
                     ////////////////////////////////////////////////////////
                     // Muestra el resultado del reconocimiento en el cuadro de texto
                     //document.getElementById("responseTextBox").value = xhr.responseText;
                     // Buscar el contenido dentro de las etiquetas <p></p>
-                    //var parser = new DOMParser();
-                    //var responseHTML = parser.parseFromString(xhr.responseText, 'text/html');
-                    /*var paragraphContent = responseHTML.querySelector('p').textContent;*/
+                    var parser = new DOMParser();
+                    var responseHTML = parser.parseFromString(xhr.responseText, 'text/html');
+                    var paragraphContent = responseHTML.querySelector('p').textContent;
 
                     // Muestra el resultado del reconocimiento en el cuadro de texto
                     //document.getElementById("responseTextBox").value = paragraphContent;
                     // Muestra el resultado del reconocimiento como texto plano
-                    //var textElement = document.getElementById("textElement"); // Reemplaza "textElement" con el ID adecuado
-                    //textElement.textContent = paragraphContent;
+                    var textElement = document.getElementById("textElement"); // Reemplaza "textElement" con el ID adecuado
+                    textElement.textContent = paragraphContent;
                     //////////////////////////////////////////////////////////
                 }
             };
-            xhr.send(formData);
+            //xhr.send(formData);
 
             //////////////////////////////////////////
 
 
             // 4. This will be called after the response is received
-            xhr.onload = function () {
+            /*xhr.onload = function () {
                 if (xhr.status != 200) {
                     // analyze HTTP status of the response
                     alert(`Error ${xhr.status}: ${xhr.statusText}`);
@@ -198,7 +199,7 @@ function stopRecording() {
                     $('body').html(xhr.response)
                 }
             };
-
+*/
 
 
 
@@ -208,8 +209,8 @@ function stopRecording() {
 
 
         //});
-        //li.appendChild(document.createTextNode(" "))//add a space in between
-        //li.appendChild(upload)//add the upload link to li
+        li.appendChild(document.createTextNode(" "))//add a space in between
+        li.appendChild(upload)//add the upload link to li
 
         //add the li element to the ol
         recordingsList.appendChild(li);