From 543e274737f80f4810df5db9a24f3bd041a74d53 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?= Date: Tue, 9 Sep 2025 18:45:44 +0800 Subject: [PATCH] =?UTF-8?q?refactor(AudioMessage):=20=E7=A7=BB=E9=99=A4?= =?UTF-8?q?=E8=B0=83=E8=AF=95=E6=97=A5=E5=BF=97=E5=B9=B6=E4=BC=98=E5=8C=96?= =?UTF-8?q?=E9=9F=B3=E9=A2=91=E6=92=AD=E6=94=BE=E9=80=BB=E8=BE=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 清理了多余的console日志输出,简化了音频播放的错误处理流程 --- .../components/AudioMessage/AudioMessage.tsx | 44 ------------------- 1 file changed, 44 deletions(-) diff --git a/Cunkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/AudioMessage/AudioMessage.tsx b/Cunkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/AudioMessage/AudioMessage.tsx index 82d14d17..0d2ba39b 100644 --- a/Cunkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/AudioMessage/AudioMessage.tsx +++ b/Cunkebao/src/pages/pc/ckbox/weChat/components/ChatWindow/components/MessageRecord/components/AudioMessage/AudioMessage.tsx @@ -27,7 +27,6 @@ const parseAudioUrl = (audioUrl: string): AudioData => { } } catch (error) { // 如果解析失败,说明是纯URL字符串 - console.log("音频URL为纯字符串格式"); } // 返回纯URL格式 @@ -40,10 +39,8 @@ const parseAudioUrl = (audioUrl: string): AudioData => { const testAudioUrl = async (url: string): Promise => { try { const response = await fetch(url, { method: "HEAD" }); - console.log("音频URL测试结果:", response.status, response.statusText); return response.ok; } catch (error) { - console.error("音频URL测试失败:", error); return false; } }; @@ -79,13 +76,9 @@ const AudioMessage: React.FC = ({ audioUrl, msgId }) => { const handleAudioToggle = async () => { const audio = audioRefs.current[audioId]; if (!audio) { - console.log("创建新音频实例:", actualAudioUrl); - console.log("音频数据:", audioData); - // 先测试URL是否可访问 const isUrlAccessible = await testAudioUrl(actualAudioUrl); if (!isUrlAccessible) { - console.error("音频URL不可访问,无法播放"); setAudioError("音频文件无法访问,请检查网络连接"); return; } @@ -101,22 +94,6 @@ const AudioMessage: React.FC = ({ audioUrl, msgId }) => { audioRefs.current[audioId] = newAudio; - newAudio.addEventListener("loadstart", () => { - console.log("音频开始加载"); - }); - - newAudio.addEventListener("loadedmetadata", () => { - console.log("音频元数据加载完成,时长:", newAudio.duration); - }); - - newAudio.addEventListener("canplay", () => { - console.log("音频可以播放"); - }); - - newAudio.addEventListener("canplaythrough", () => { - console.log("音频可以完整播放"); - }); - newAudio.addEventListener("timeupdate", () => { const currentProgress = (newAudio.currentTime / newAudio.duration) * 100; @@ -127,39 +104,23 @@ const AudioMessage: React.FC = ({ audioUrl, msgId }) => { }); newAudio.addEventListener("ended", () => { - console.log("音频播放结束"); setPlayingAudioId(null); setAudioProgress(prev => ({ ...prev, [audioId]: 0 })); }); newAudio.addEventListener("error", e => { - console.error("音频播放失败:", e); - console.error("音频URL:", actualAudioUrl); - console.error("错误详情:", newAudio.error); - if (newAudio.error) { - console.error("错误代码:", newAudio.error.code); - console.error("错误消息:", newAudio.error.message); - } setPlayingAudioId(null); setAudioError("音频播放失败,请稍后重试"); }); // 设置音频源并尝试播放 newAudio.src = actualAudioUrl; - console.log("设置音频源:", actualAudioUrl); try { - console.log("尝试播放音频..."); await newAudio.play(); - console.log("音频播放成功"); setPlayingAudioId(audioId); } catch (error) { - console.error("播放失败:", error); - console.error("错误名称:", error.name); - console.error("错误消息:", error.message); - // 尝试备用方案:不设置crossOrigin - console.log("尝试备用播放方案..."); try { const fallbackAudio = new Audio(actualAudioUrl); audioRefs.current[audioId] = fallbackAudio; @@ -175,22 +136,18 @@ const AudioMessage: React.FC = ({ audioUrl, msgId }) => { }); fallbackAudio.addEventListener("ended", () => { - console.log("备用音频播放结束"); setPlayingAudioId(null); setAudioProgress(prev => ({ ...prev, [audioId]: 0 })); }); fallbackAudio.addEventListener("error", e => { - console.error("备用音频播放也失败:", e); setPlayingAudioId(null); setAudioError("音频播放失败,请稍后重试"); }); await fallbackAudio.play(); - console.log("备用方案播放成功"); setPlayingAudioId(audioId); } catch (fallbackError) { - console.error("备用方案也失败:", fallbackError); setPlayingAudioId(null); setAudioError("音频播放失败,请检查音频格式或网络连接"); } @@ -208,7 +165,6 @@ const AudioMessage: React.FC = ({ audioUrl, msgId }) => { await audio.play(); setPlayingAudioId(audioId); } catch (error) { - console.error("重新播放失败:", error); setPlayingAudioId(null); setAudioError("音频播放失败,请稍后重试"); }