diff --git a/app/components/voice-input.tsx b/app/components/voice-input.tsx index e1e2f3253..cda11e405 100644 --- a/app/components/voice-input.tsx +++ b/app/components/voice-input.tsx @@ -101,9 +101,7 @@ export default function VoiceInput({ ); } - const startRecognition = async () => { - let token = await get_access_token(); - + const startRecognition = () => { if (voiceInputLoading) { recognizer.current?.close(); setVoiceInputLoading(false); @@ -116,37 +114,42 @@ export default function VoiceInput({ setTempUserInput(userInput); // 开始的时候拷贝一份用于复原 setVoiceInputText(""); - const speechConfig = ms_audio_sdk.SpeechConfig.fromAuthorizationToken( - token, - "eastasia", - ); - const audioConfig = ms_audio_sdk.AudioConfig.fromDefaultMicrophoneInput(); - speechConfig.speechRecognitionLanguage = "zh-CN"; - speechConfig.setProperty( - ms_audio_sdk.PropertyId.SpeechServiceConnection_EndSilenceTimeoutMs, - "3500", - ); - recognizer.current = new ms_audio_sdk.SpeechRecognizer( - speechConfig, - audioConfig, - ); - recognizer.current.recognizing = onRecognizing; // 自定义分段显示 - recognizer.current.canceled = onCanceled; // 自定义中断 - recognizer.current.recognizeOnceAsync( - (result) => { - onRecognizedResult(result); - setUserInput( - tempUserInput + (voiceInputText ?? "") + `${result.text ?? ""}`, - ); - setTempUserInput(""); - setVoiceInputText(""); - setVoiceInputLoading(false); - }, - (err) => { - console.error("Recognition error: ", err); // 错误处理 - setVoiceInputLoading(false); - }, - ); + const getToken = async () => { + return await get_access_token(); + }; + getToken().then((token) => { + const speechConfig = ms_audio_sdk.SpeechConfig.fromAuthorizationToken( + token, + "eastasia", + ); + const audioConfig = ms_audio_sdk.AudioConfig.fromDefaultMicrophoneInput(); + speechConfig.speechRecognitionLanguage = "zh-CN"; + speechConfig.setProperty( + ms_audio_sdk.PropertyId.SpeechServiceConnection_EndSilenceTimeoutMs, + "3500", + ); + recognizer.current = new ms_audio_sdk.SpeechRecognizer( + speechConfig, + audioConfig, + ); + recognizer.current.recognizing = onRecognizing; // 自定义分段显示 + recognizer.current.canceled = onCanceled; // 自定义中断 + recognizer.current.recognizeOnceAsync( + (result) => { + onRecognizedResult(result); + setUserInput( + tempUserInput + (voiceInputText ?? "") + `${result.text ?? ""}`, + ); + setTempUserInput(""); + setVoiceInputText(""); + setVoiceInputLoading(false); + }, + (err) => { + console.error("Recognition error: ", err); // 错误处理 + setVoiceInputLoading(false); + }, + ); + }); }; const icon = useMemo(() => { diff --git a/lib/utils.ts b/lib/utils.ts index bebabd46c..7b5de63fe 100644 --- a/lib/utils.ts +++ b/lib/utils.ts @@ -8,18 +8,18 @@ export function getTokenLength(input: string): number { return encoding.encode(input).length; } -export async function fetcher( - input: RequestInfo, - init?: RequestInit, -): Promise { - const response = await fetch(input, { ...init, cache: "no-store" }); +// export async function fetcher( +// input: RequestInfo, +// init?: RequestInit, +// ): Promise { +// const response = await fetch(input, { ...init, cache: "no-store" }); +// +// return response.json(); +// } - return response.json(); -} - -export const capitalize = (s: string) => { - return s.charAt(0).toUpperCase() + s.slice(1); -}; +// export const capitalize = (s: string) => { +// return s.charAt(0).toUpperCase() + s.slice(1); +// }; export const truncate = (str: string, num: number) => { if (!str) return ""; @@ -29,33 +29,33 @@ export const truncate = (str: string, num: number) => { return str.slice(0, num) + "..."; }; -export const getBlurDataURL = async (url: string | null) => { - if (!url) { - return "data:image/webp;base64,AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="; - } - try { - const response = await fetch( - `https://wsrv.nl/?url=${url}&w=50&h=50&blur=5`, - ); - const buffer = await response.arrayBuffer(); - const base64 = Buffer.from(buffer).toString("base64"); +// export const getBlurDataURL = async (url: string | null) => { +// if (!url) { +// return "data:image/webp;base64,AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="; +// } +// try { +// const response = await fetch( +// `https://wsrv.nl/?url=${url}&w=50&h=50&blur=5`, +// ); +// const buffer = await response.arrayBuffer(); +// const base64 = Buffer.from(buffer).toString("base64"); +// +// return `data:image/png;base64,${base64}`; +// } catch (error) { +// return "data:image/webp;base64,AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="; +// } +// }; - return `data:image/png;base64,${base64}`; - } catch (error) { - return "data:image/webp;base64,AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA="; - } -}; +// export const placeholderBlurhash = +// "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAoJJREFUWEfFl4lu4zAMRO3cx/9/au6reMaOdkxTTl0grQFCRoqaT+SQotq2bV9N8rRt28xms87m83l553eZ/9vr9Wpkz+ezkT0ej+6dv1X81AFw7M4FBACPVn2c1Z3zLgDeJwHgeLFYdAARYioAEAKJEG2WAjl3gCwNYymQQ9b7/V4spmIAwO6Wy2VnAMikBWlDURBELf8CuN1uHQSrPwMAHK5WqwFELQ01AIXdAa7XawfAb3p6AOwK5+v1ugAoEq4FRSFLgavfQ49jAGQpAE5wjgGCeRrGdBArwHOPcwFcLpcGU1X0IsBuN5tNgYhaiFFwHTiAwq8I+O5xfj6fOz38K+X/fYAdb7fbAgFAjIJ6Aav3AYlQ6nfnDoDz0+lUxNiLALvf7XaDNGQ6GANQBKR85V27B4D3QQRw7hGIYlQKWGM79hSweyCUe1blXhEAogfABwHAXAcqSYkxCtHLUK3XBajSc4Dj8dilAeiSAgD2+30BAEKV4GKcAuDqB4TdYwBgPQByCgApUBoE4EJUGvxUjF3Q69/zLw3g/HA45ABKgdIQu+JPIyDnisCfAxAFNFM0EFNQ64gfS0EUoQP8ighrZSjn3oziZEQpauyKbfjbZchHUL/3AS/Dd30gAkxuRACgfO+EWQW8qwI1o+wseNuKcQiESjALvwNoMI0TcRzD4lFcPYwIM+JTF5x6HOs8yI7jeB5oKhpMRFH9UwaSCDB2Jmg4rc6E2TT0biIaG0rQhNqyhpHBcayTTSXH6vcDL7/sdqRK8LkwTsU499E8vRcAojHcZ4AxABdilgrp4lsXk8oVqgwh7+6H3phqd8J0Kk4vbx/+sZqCD/vNLya/5dT9fAH8g1WdNGgwbQAAAABJRU5ErkJggg=="; -export const placeholderBlurhash = - "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAoJJREFUWEfFl4lu4zAMRO3cx/9/au6reMaOdkxTTl0grQFCRoqaT+SQotq2bV9N8rRt28xms87m83l553eZ/9vr9Wpkz+ezkT0ej+6dv1X81AFw7M4FBACPVn2c1Z3zLgDeJwHgeLFYdAARYioAEAKJEG2WAjl3gCwNYymQQ9b7/V4spmIAwO6Wy2VnAMikBWlDURBELf8CuN1uHQSrPwMAHK5WqwFELQ01AIXdAa7XawfAb3p6AOwK5+v1ugAoEq4FRSFLgavfQ49jAGQpAE5wjgGCeRrGdBArwHOPcwFcLpcGU1X0IsBuN5tNgYhaiFFwHTiAwq8I+O5xfj6fOz38K+X/fYAdb7fbAgFAjIJ6Aav3AYlQ6nfnDoDz0+lUxNiLALvf7XaDNGQ6GANQBKR85V27B4D3QQRw7hGIYlQKWGM79hSweyCUe1blXhEAogfABwHAXAcqSYkxCtHLUK3XBajSc4Dj8dilAeiSAgD2+30BAEKV4GKcAuDqB4TdYwBgPQByCgApUBoE4EJUGvxUjF3Q69/zLw3g/HA45ABKgdIQu+JPIyDnisCfAxAFNFM0EFNQ64gfS0EUoQP8ighrZSjn3oziZEQpauyKbfjbZchHUL/3AS/Dd30gAkxuRACgfO+EWQW8qwI1o+wseNuKcQiESjALvwNoMI0TcRzD4lFcPYwIM+JTF5x6HOs8yI7jeB5oKhpMRFH9UwaSCDB2Jmg4rc6E2TT0biIaG0rQhNqyhpHBcayTTSXH6vcDL7/sdqRK8LkwTsU499E8vRcAojHcZ4AxABdilgrp4lsXk8oVqgwh7+6H3phqd8J0Kk4vbx/+sZqCD/vNLya/5dT9fAH8g1WdNGgwbQAAAABJRU5ErkJggg=="; - -export const toDateString = (date: Date) => { - return new Date(date).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }); -}; +// export const toDateString = (date: Date) => { +// return new Date(date).toLocaleDateString("en-US", { +// month: "short", +// day: "numeric", +// year: "numeric", +// }); +// }; export const random = (min: number, max: number) => { return Math.floor(Math.random() * (max - min + 1) + min);