[Bug] 使用browser作为语音识别服务时出现白屏

[cy948]

💻 系统环境

Windows

📦 部署环境

Official Preview

🌐 浏览器

Edge

🐛 问题描述

使用browser作为语音识别服务时出现白屏

🚦 期望结果

不白屏

📷 复现步骤

• 进入/settings/tts
• 语音识别服务选择 Browser
• 通过左侧导航栏图标返回 /chat 再刷新页面，或通过地址栏直接进入 /chat

📝 补充信息

[lobehubbot]

👀 @cy948

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

[arvinxx]

相关问题：

• [Question] URL 携带 /chat 路径，Edge 浏览器刷新会报错 #761
• [Question] windows的node18环境下运行报错 #703
• [Bug] v0.130.7 Application error: a client-side exception has occurred (see the browser console for more information). #1450

主要原因是 @canisminor1990 之前实现不规范导致的：

lobe-chat/src/hooks/useSTT.ts

Lines 36 to 61 in 43e544a

	switch (ttsSettings.sttServer) {
	case 'openai': {
	useSelectedSTT = useOpenAISTT;
	options = {
	api: {
	headers: createHeaderWithOpenAI(),
	serviceUrl: API_ENDPOINTS.stt,
	},
	autoStop,
	options: {
	mineType: getRecordMineType(),
	model: ttsSettings.openAI.sttModel,
	},
	} as OpenAISTTOptions;
	break;
	}
	case 'browser': {
	options = {
	autoStop,
	} as SpeechRecognitionOptions;
	useSelectedSTT = useSpeechRecognition;
	break;
	}
	}
	return useSelectedSTT(sttLocale, { ...config, ...options });

上述写法违反 react hooks 规范了，但我一直没时间改，如果有兴趣的话欢迎来个 PR？

[cy948]

@arvinxx 好的，我先研究一下代码

[lobehubbot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿

---

@arvinxx Okay, let me study the code first

[lobehubbot]

✅ @cy948

This issue is closed, If you have any questions, you can comment and reply.
此问题已经关闭。如果您有任何问题，可以留言并回复。