Update index.html

index.html

@@ -34,6 +34,7 @@
         let audioChunks = [];
         let mediaRecorder;
         let audioBlob;
+        let streamDestination;
 
         // Cargar voces y seleccionar "Google español" si está disponible
         window.speechSynthesis.onvoiceschanged = () => {
@@ -57,19 +58,24 @@
         // Inicializamos el MediaRecorder para capturar el audio
         async function initMediaRecorder() {
             const audioContext = new AudioContext();
-            const destination = audioContext.createMediaStreamDestination();
-            const utteranceStream = audioContext.createMediaStreamSource(destination.stream);
-            mediaRecorder = new MediaRecorder(destination.stream);
+            streamDestination = audioContext.createMediaStreamDestination();
 
+            // Conectamos el SpeechSynthesisUtterance al MediaStreamDestination
+            const utteranceSource = audioContext.createMediaStreamSource(streamDestination.stream);
+            mediaRecorder = new MediaRecorder(streamDestination.stream);
+
+            // Empezamos a grabar cuando empieza el habla
             tts.onstart = () => {
                 mediaRecorder.start();
                 audioChunks = [];
             };
 
+            // Guardamos los datos de audio en chunks
             mediaRecorder.ondataavailable = (event) => {
                 audioChunks.push(event.data);
             };
 
+            // Al finalizar la grabación, generamos el archivo .wav
             mediaRecorder.onstop = () => {
                 audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
                 const audioUrl = URL.createObjectURL(audioBlob);