chore: 提示音

ChatGPTNextWeb · Oct 14, 2024 · f0b9068 · f0b9068
1 parent 7475519
commit f0b9068
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -370,7 +370,7 @@ export function ChatAction(props: {
   text: string;
   icon: JSX.Element;
   onClick: () => void;
-  isListening: boolean;
+  isListening?: boolean;
 }) {
   const iconRef = useRef<HTMLDivElement>(null);
   const textRef = useRef<HTMLDivElement>(null);
@@ -574,7 +574,15 @@ export function ChatActions(props: {
     );
   }, []);
 
+  function playSound(fileName: string) {
+    const audio = new Audio(fileName);
+    audio.play().catch((error) => {
+      console.error("error:", error);
+    });
+  }
+
   const startListening = async () => {
+    playSound("/Recordingstart.mp3");
     showToast(Locale.Chat.StartSpeak);
     if (speechApi) {
       await speechApi.start();
@@ -590,6 +598,7 @@ export function ChatActions(props: {
       await speechApi.stop();
       setIsListening(false);
     }
+    playSound("/Recordingdone.mp3");
     document.getElementById("chat-input")?.focus();
   };
   const onRecognitionEnd = (finalTranscript: string) => {

diff --git a/public/Recordingdone.mp3 b/public/Recordingdone.mp3
diff --git a/public/Recordingstart.mp3 b/public/Recordingstart.mp3