Spaces:

yasserrmd
/

ggwave

Sleeping

App Files Files Community

yasserrmd commited on Feb 25

Commit

ef4ce16

verified ·

1 Parent(s): c73a470

Update static/index.html

Browse files

Files changed (1) hide show

static/index.html +13 -3

static/index.html CHANGED Viewed

@@ -85,7 +85,6 @@
             50% { transform: scale(1.05); }
             100% { transform: scale(1); }
         }
     </style>
 </head>
 <body>
@@ -145,6 +144,7 @@
     <script>
         let mediaRecorder;
         let audioChunks = [];
         const recordButton = document.getElementById("recordButton");
         const generateButton = document.getElementById("generateButton");
         const statusMessage = document.getElementById("statusMessage");
@@ -157,8 +157,13 @@
         recordButton.addEventListener("click", async () => {
             if (!mediaRecorder || mediaRecorder.state === "inactive") {
                 try {
-                    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-                    mediaRecorder = new MediaRecorder(stream, { mimeType: "audio/webm" });
                     mediaRecorder.ondataavailable = event => audioChunks.push(event.data);
@@ -205,6 +210,11 @@
                             console.error("Error:", error);
                             statusMessage.textContent = "Error processing audio data. Please try again.";
                         }
                     };
                     audioChunks = [];

             50% { transform: scale(1.05); }
             100% { transform: scale(1); }
         }
     </style>
 </head>
 <body>
     <script>
         let mediaRecorder;
         let audioChunks = [];
+        let audioStream;
         const recordButton = document.getElementById("recordButton");
         const generateButton = document.getElementById("generateButton");
         const statusMessage = document.getElementById("statusMessage");
         recordButton.addEventListener("click", async () => {
             if (!mediaRecorder || mediaRecorder.state === "inactive") {
                 try {
+                    // Stop any existing stream tracks before requesting a new one
+                    if (audioStream) {
+                        audioStream.getTracks().forEach(track => track.stop());
+                    }
+                    audioStream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                    mediaRecorder = new MediaRecorder(audioStream, { mimeType: "audio/webm" });
                     mediaRecorder.ondataavailable = event => audioChunks.push(event.data);
                             console.error("Error:", error);
                             statusMessage.textContent = "Error processing audio data. Please try again.";
                         }
+                        // Clean up the audio tracks after processing is complete
+                        if (audioStream) {
+                            audioStream.getTracks().forEach(track => track.stop());
+                        }
                     };
                     audioChunks = [];