UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-07 09:09:53 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

fix: mediaStream not stopping after exiting call mode

Browse Source
This commit is contained in:
Timothy J. Baek 2024-08-22 17:27:22 +02:00
parent 61503a654c
commit 153a2876b4
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/lib/components/chat/MessageInput/CallOverlay.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts">
import { config, models, settings, showCallOverlay } from '$lib/stores';
import { onMount, tick, getContext } from 'svelte';
import { onMount, tick, getContext, onDestroy } from 'svelte';
import {
blobToFile,
@ -47,6 +47,7 @@
let rmsLevel = 0;
let hasStartedSpeaking = false;
let mediaRecorder;
let audioStream = null;
let audioChunks = [];
let videoInputDevices = [];
@ -212,17 +213,23 @@
} else {
audioChunks = [];
mediaRecorder = false;
if (audioStream) {
const tracks = audioStream.getTracks();
tracks.forEach((track) => track.stop());
}
audioStream = null;
}
};
const startRecording = async () => {
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
mediaRecorder = new MediaRecorder(stream);
audioStream = await navigator.mediaDevices.getUserMedia({ audio: true });
mediaRecorder = new MediaRecorder(audioStream);
mediaRecorder.onstart = () => {
console.log('Recording started');
audioChunks = [];
analyseAudio(stream);
analyseAudio(audioStream);
};
mediaRecorder.ondataavailable = (event) => {
@ -615,6 +622,12 @@
await stopCamera();
};
});
onDestroy(async () => {
await stopAllAudio();
await stopRecordingCallback(false);
await stopCamera();
});
</script>
{#if $showCallOverlay}