From 04904c0ca70624349f3cbc24d706ea7e4a9d91ea Mon Sep 17 00:00:00 2001
From: YanceyOfficial <yanceyofficial@gmail.com>
Date: Sun, 8 Dec 2024 17:15:00 +0800
Subject: [PATCH] fix: audio should set autoPlay if you want to play audio when
 it's loaded

---
 src/components/ChatBox/ChatMessages.tsx |  6 ++++--
 src/hooks/useSpeech.ts                  | 16 ++--------------
 2 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/components/ChatBox/ChatMessages.tsx b/src/components/ChatBox/ChatMessages.tsx
index abe7ad3..3276e0d 100644
--- a/src/components/ChatBox/ChatMessages.tsx
+++ b/src/components/ChatBox/ChatMessages.tsx
@@ -115,11 +115,13 @@ const ChatMessages: FC = () => {
                       >
                         <SpeakerWaveIcon
                           className={classNames(
-                            'relative h-5 w-5 text-black dark:text-white'
+                            'relative mt-3 h-5 w-5 text-black dark:text-white'
                           )}
                         />
                       </button>
-                      {audioUrl && <audio src={audioUrl} className="hidden" />}
+                      {audioUrl && (
+                        <audio src={audioUrl} className="hidden" autoPlay />
+                      )}
                     </div>
                   ) : (
                     <div>
diff --git a/src/hooks/useSpeech.ts b/src/hooks/useSpeech.ts
index 091c29a..66e4510 100644
--- a/src/hooks/useSpeech.ts
+++ b/src/hooks/useSpeech.ts
@@ -1,5 +1,4 @@
 import { useRecoilValue, useSetRecoilState } from 'recoil'
-import { CompletionConfiguration } from 'src/configurations/completion'
 import { useClients } from 'src/hooks'
 import { showRequestErrorToast } from 'src/shared/utils'
 import { currConversationState, loadingState } from 'src/stores/conversation'
@@ -7,24 +6,13 @@ import { settingsState } from 'src/stores/settings'
 import { Companies } from 'src/types/global'
 
 const useSpeech = () => {
-  const { openAiClient, azureClient, azureSpeechClient } = useClients()
+  const { openAiClient, azureSpeechClient } = useClients()
   const currConversation = useRecoilValue(currConversationState)
   const setLoading = useSetRecoilState(loadingState)
   const settings = useRecoilValue(settingsState)
 
   if (!settings || !currConversation) return
 
-  const {
-    model,
-    maxTokens,
-    temperature,
-    topP,
-    frequencyPenalty,
-    presencePenalty,
-    preResponse,
-    postResponse
-  } = currConversation.configuration as CompletionConfiguration
-
   const createSpeechByOpenAI = async (text: string) => {
     try {
       setLoading(true)
@@ -32,7 +20,7 @@ const useSpeech = () => {
       const speech = await openAiClient.audio.speech.create({
         model: 'tts-1',
         input: text,
-        voice: 'alloy'
+        voice: 'nova'
       })
       const audioBlob = await speech.blob()
       const audioUrl = URL.createObjectURL(audioBlob)