Update static/js/ws.js

static/js/ws.js

@@ -61,6 +61,8 @@ startRecordingButton.addEventListener('click', async () => {
         if (mediaRecorder && mediaRecorder.state !== 'inactive') {
             mediaRecorder.stop();
         }
+        stream = await navigator.mediaDevices.getUserMedia({audio: true, video: false});
+        mediaRecorder = new MediaRecorder(stream);
         ws = new WebSocket(`ws://localhost:8000/ws/${uuid}`);
         ws.onclose = (event) => {
             if (mediaRecorder && mediaRecorder.state !== 'inactive') {
@@ -79,7 +81,6 @@ startRecordingButton.addEventListener('click', async () => {
 
         startRecordingButton.innerHTML = 'Stop call';
         try {
-            stream = await navigator.mediaDevices.getUserMedia({audio: true, video: false});
             audioContext = new AudioContext();
             await audioContext.audioWorklet.addModule('../../../static/js/audio-processor.js');
             silenceDetectorNode = new AudioWorkletNode(audioContext, 'silence-detector-processor');
@@ -96,7 +97,6 @@ startRecordingButton.addEventListener('click', async () => {
                 }
             };
             source = audioContext.createMediaStreamSource(stream);
-            mediaRecorder = new MediaRecorder(stream);
             mediaRecorder.start(1000);
             mediaRecorder.ondataavailable = event => {
                 currentAudioChunks.push(event.data);