对方网络状态

WebApp/client/public/onebyone/renderer.js

@@ -248,6 +248,45 @@ class UIRenderer {
 
         // 渲染网络状态
         this.renderNetworkStatus(remoteUser.networkQuality);
+
+        // 渲染header中的网络状态
+        this.renderHeaderNetworkStatus(remoteUser.networkQuality);
+    }
+
+    // 渲染header中的网络状态
+    renderHeaderNetworkStatus(networkQuality) {
+        const networkQualityElement = document.getElementById('remoteNetworkQuality');
+        if (networkQualityElement) {
+            const textElement = networkQualityElement.querySelector('span');
+            const iconElement = networkQualityElement.querySelector('i');
+
+            if (textElement && iconElement) {
+                let qualityText = '未知';
+                let iconClass = 'fas fa-signal text-gray-400';
+
+                switch (networkQuality) {
+                    case 'excellent':
+                        qualityText = '优秀';
+                        iconClass = 'fas fa-signal text-green-400';
+                        break;
+                    case 'good':
+                        qualityText = '良好';
+                        iconClass = 'fas fa-signal text-green-500';
+                        break;
+                    case 'fair':
+                        qualityText = '一般';
+                        iconClass = 'fas fa-signal text-yellow-400';
+                        break;
+                    case 'poor':
+                        qualityText = '较差';
+                        iconClass = 'fas fa-signal text-red-400';
+                        break;
+                }
+
+                textElement.textContent = qualityText;
+                iconElement.className = iconClass;
+            }
+        }
     }
 
     // 渲染本地视频