UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-01-29 13:58:09 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

fix: safari compatibility issue

Browse Source
This commit is contained in:
Timothy J. Baek 2024-06-07 00:57:53 -07:00
parent ea80285e9c
commit f076f81e0c
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -145,15 +145,24 @@
assistantAudio[assistantAudioIdx].pause(); assistantAudio[assistantAudioIdx].pause();
assistantAudio[assistantAudioIdx].currentTime = 0; assistantAudio[assistantAudioIdx].currentTime = 0;
} }
const audioElement = document.getElementById('audioElement');
audioElement.pause();
audioElement.currentTime = 0;
assistantSpeaking = false; assistantSpeaking = false;
}; };
const playAudio = (idx) => { const playAudio = (idx) => {
return new Promise((res) => { return new Promise((res) => {
assistantAudioIdx = idx; assistantAudioIdx = idx;
const audioElement = document.getElementById('audioElement');
const audio = assistantAudio[idx]; const audio = assistantAudio[idx];
audio.play();
audio.onended = async (e) => { audioElement.src = audio.src; // Assume `assistantAudio` has objects with a `src` property
audioElement.play();
audioElement.onended = async (e) => {
await new Promise((r) => setTimeout(r, 300)); await new Promise((r) => setTimeout(r, 300));
if (Object.keys(assistantAudio).length - 1 === idx) { if (Object.keys(assistantAudio).length - 1 === idx) {
@ -314,6 +323,7 @@
</script> </script>
{#if $showCallOverlay} {#if $showCallOverlay}
<audio id="audioElement" src="" style="display: none;" />
<div class=" absolute w-full h-full flex z-[999]"> <div class=" absolute w-full h-full flex z-[999]">
<div <div
class="absolute w-full h-full bg-white text-gray-700 dark:bg-black dark:text-gray-300 flex justify-center" class="absolute w-full h-full bg-white text-gray-700 dark:bg-black dark:text-gray-300 flex justify-center"