Update index.js

index.js

@@ -284,20 +284,20 @@ async function initMedia() {
   recordButton.disabled = true;
 
   try {
-    //const videoStream = await navigator.mediaDevices.getUserMedia({video: true});
-    //const audioStream = await navigator.mediaDevices.getUserMedia({audio: true});
-    const stream = await navigator.mediaDevices.getUserMedia({
-      video: true,
-      audio: true,
-    });
-    webcamElement.srcObject = stream;
+    const videoStream = await navigator.mediaDevices.getUserMedia({video: true});
+    const audioStream = await navigator.mediaDevices.getUserMedia({audio: true});
+    //const stream = await navigator.mediaDevices.getUserMedia({
+    //  video: true,
+    //  audio: true,
+    //});
+    webcamElement.srcObject = videoStream;
     statusMessageElement.style.display = 'none';
     webcamElement.style.display = 'block';
 
     await loadLlm();
 
     // Set up MediaRecorder for audio
-    mediaRecorder = new MediaRecorder(stream);
+    mediaRecorder = new MediaRecorder(audioStream);
     mediaRecorder.ondataavailable = (event) => {
       console.log('ondataavailable event: ', event);
       audioChunks.push(event.data);
@@ -307,7 +307,7 @@ async function initMedia() {
       console.log('Chunks: ', audioChunks);
       const blob = new Blob(audioChunks, {type: 'audio/webm'});
       console.log('Blob: ', blob);
-      // if (audioUrl) window.URL.revokeObjectURL(audioUrl);
+      if (audioUrl) window.URL.revokeObjectURL(audioUrl);
       audioUrl = window.URL.createObjectURL(blob);
       console.log('url: ', audioUrl);
       // HACK FOR TESTING