From caf4b4850a848ad68379acb0bf5f77be5b5a6d89 Mon Sep 17 00:00:00 2001 From: yj <1336058017@qq.com> Date: Tue, 24 Sep 2024 17:30:43 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BD=91=E7=BB=9C=E6=8F=90=E7=A4=BA=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/page/Meeting/index.tsx | 84 +++++++++++++++----------------------- 1 file changed, 33 insertions(+), 51 deletions(-) diff --git a/src/page/Meeting/index.tsx b/src/page/Meeting/index.tsx index f4f76d9..8988bbf 100644 --- a/src/page/Meeting/index.tsx +++ b/src/page/Meeting/index.tsx @@ -147,13 +147,11 @@ const Meeting: React.FC = () => { const [currentVideoId, setCurrentVideoId] = useState('') let [currentSeconds, setCurrentSeconds] = useState(0) const [currentEffective, setCurrentEffective] = useState(4) - const [currentNetworkInfo, setCurrentNetworkInfo] = useState({ - networkQuality: { - level: '佳', - text: '网络质量极好。' - }, - networkOther: {} as RtcStats + const [networkQuality, setNetworkQuality] = useState({ + level: '佳', + text: '网络质量极好。' }) + const [networkOther, setNetworkOther] = useState({}) const [isComputerAudio, setIsComputerAudio] = useState(true) const [isFluencyPriority, setIsFluencyPriority] = useState(false) const [open, setOpen] = useState(false) @@ -236,48 +234,33 @@ const Meeting: React.FC = () => { useEffect(() => { switch (currentEffective) { case 0: - setCurrentNetworkInfo({ - ...currentNetworkInfo, - networkQuality: { - level: '断开连接', - text: '网络连接断开。' - } + setNetworkQuality({ + level: '断开连接', + text: '网络连接断开。' }) break; case 1: - setCurrentNetworkInfo({ - ...currentNetworkInfo, - networkQuality: { - level: '非常差', - text: '完全无法沟通。' - } + setNetworkQuality({ + level: '非常差', + text: '完全无法沟通。' }) break; case 2: - setCurrentNetworkInfo({ - ...currentNetworkInfo, - networkQuality: { - level: '差', - text: '勉强能沟通但不顺畅，网络质量非常差，基本不能沟通。' - } + setNetworkQuality({ + level: '差', + text: '勉强能沟通但不顺畅，网络质量非常差，基本不能沟通。' }) break; case 3: - setCurrentNetworkInfo({ - ...currentNetworkInfo, - networkQuality: { - level: '良好', - text: ' 用户主观感受有瑕疵但不影响沟通。' - } + setNetworkQuality({ + level: '良好', + text: ' 用户主观感受有瑕疵但不影响沟通。' }) break; case 4: - setCurrentNetworkInfo({ - ...currentNetworkInfo, - networkQuality: { - level: '佳', - text: '网络质量极好。' - } + setNetworkQuality({ + level: '佳', + text: '网络质量极好。' }) break; } @@ -760,23 +743,22 @@ const Meeting: React.FC = () => { setCurrentEffective(3) break; case 4: - case 5: setCurrentEffective(2) break; - case 6: + case 5: setCurrentEffective(1) break; + case 6: + setCurrentEffective(0) + break; default: - setCurrentEffective(navigator.onLine ? 4 : 0) + setCurrentEffective(4) break; } } }, onRtcStats: async (stats: RtcStats) => { - setCurrentNetworkInfo({ - ...currentNetworkInfo, - networkOther: stats - }) + setNetworkOther(stats) }, onConnectionStateChanged: async (_connection: RtcConnection, stateNumber: ConnectionStateType, reason: ConnectionChangedReasonType) => { if (stateNumber === 4 && reason === 2) { @@ -1621,13 +1603,13 @@ const Meeting: React.FC = () => {
网络质量： - {currentNetworkInfo.networkQuality.level} + {networkQuality.level} - {currentNetworkInfo.networkQuality.text} + {networkQuality.text} } title="" @@ -1641,15 +1623,15 @@ const Meeting: React.FC = () => {
带宽占用： - ↑{currentNetworkInfo.networkOther.txKBitRate}kbps ↓{currentNetworkInfo.networkOther.rxKBitRate}kbps + ↑{networkOther.txKBitRate}kbps ↓{networkOther.rxKBitRate}kbps
丢包率： - ↑{currentNetworkInfo.networkOther.txPacketLossRate}% ↓{currentNetworkInfo.networkOther.rxPacketLossRate}% + ↑{networkOther.txPacketLossRate}% ↓{networkOther.rxPacketLossRate}%
延迟： - {currentNetworkInfo.networkOther.lastmileDelay}ms + {networkOther.lastmileDelay}ms
} @@ -2447,7 +2429,7 @@ const meetingContentError = (item: any) => { const networkIcon = (network: number) => { switch (network) { case 0: - return + return @@ -2459,14 +2441,14 @@ const networkIcon = (network: number) => { case 1: - return + return case 2: - return + return