From 27417dd771c14864e941c6867d6605b61a189638 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Fri, 7 Jun 2024 20:51:53 -0700
Subject: [PATCH] refac: audio

---
 src/lib/components/admin/Settings/Audio.svelte        | 11 +----------
 src/lib/components/chat/MessageInput.svelte           |  9 ++++++++-
 .../components/chat/MessageInput/CallOverlay.svelte   |  9 +++++----
 .../components/chat/Messages/ResponseMessage.svelte   | 10 +++++++++-
 4 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/admin/Settings/Audio.svelte b/src/lib/components/admin/Settings/Audio.svelte
index 7d7f24a70..c8934c36d 100644
--- a/src/lib/components/admin/Settings/Audio.svelte
+++ b/src/lib/components/admin/Settings/Audio.svelte
@@ -234,7 +234,7 @@
 								bind:value={TTS_VOICE}
 							>
 								<option value="" selected={TTS_VOICE !== ''}>{$i18n.t('Default')}</option>
-								{#each voices.filter((v) => nonLocalVoices || v.localService === true) as voice}
+								{#each voices as voice}
 									<option
 										value={voice.voiceURI}
 										class="bg-gray-100 dark:bg-gray-700"
@@ -244,15 +244,6 @@
 							</select>
 						</div>
 					</div>
-					<div class="flex items-center justify-between my-1.5">
-						<div class="text-xs">
-							{$i18n.t('Allow non-local voices')}
-						</div>
-
-						<div class="mt-1">
-							<Switch bind:state={nonLocalVoices} />
-						</div>
-					</div>
 				</div>
 			{:else if TTS_ENGINE === 'openai'}
 				<div class=" flex gap-2">
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index aaefc8530..c26abfffe 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -913,7 +913,14 @@
 													try {
 														await navigator.mediaDevices.getUserMedia({ audio: true, video: true });
 														// If the user grants the permission, proceed to show the call overlay
-														showCallOverlay.set(true);
+
+														if ($config.audio.stt.engine !== 'web') {
+															showCallOverlay.set(true);
+														} else {
+															toast.error(
+																$i18n.t('Call feature is not supported when using Web STT engine')
+															);
+														}
 													} catch (err) {
 														// If the user denies the permission or an error occurs, show an error message
 														toast.error($i18n.t('Permission denied when accessing media devices'));
diff --git a/src/lib/components/chat/MessageInput/CallOverlay.svelte b/src/lib/components/chat/MessageInput/CallOverlay.svelte
index 15c649306..51dae5a7c 100644
--- a/src/lib/components/chat/MessageInput/CallOverlay.svelte
+++ b/src/lib/components/chat/MessageInput/CallOverlay.svelte
@@ -221,11 +221,12 @@
 							)
 							?.at(0) ?? undefined;
 
-					console.log($settings?.audio?.tts?.voice ?? $config?.audio?.tts?.voice);
-					console.log(voices);
-
 					currentUtterance = new SpeechSynthesisUtterance(content);
-					currentUtterance.voice = voice;
+
+					if (voice) {
+						currentUtterance.voice = voice;
+					}
+
 					speechSynthesis.speak(currentUtterance);
 				}
 			}, 100);
diff --git a/src/lib/components/chat/Messages/ResponseMessage.svelte b/src/lib/components/chat/Messages/ResponseMessage.svelte
index 860369b64..11eaa754d 100644
--- a/src/lib/components/chat/Messages/ResponseMessage.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage.svelte
@@ -279,15 +279,23 @@
 								)
 								?.at(0) ?? undefined;
 
+						console.log(voice);
+
 						const speak = new SpeechSynthesisUtterance(message.content);
 
+						console.log(speak);
+
 						speak.onend = () => {
 							speaking = null;
 							if ($settings.conversationMode) {
 								document.getElementById('voice-input-button')?.click();
 							}
 						};
-						speak.voice = voice;
+
+						if (voice) {
+							speak.voice = voice;
+						}
+
 						speechSynthesis.speak(speak);
 					}
 				}, 100);