diff --git a/WebApp/client/public/onebyone/index.html b/WebApp/client/public/onebyone/index.html index 9705c55..84dea38 100644 --- a/WebApp/client/public/onebyone/index.html +++ b/WebApp/client/public/onebyone/index.html @@ -111,8 +111,12 @@

与 Sarah 的通话

-
+
+ + + 优秀 + 00:00
diff --git a/WebApp/client/public/onebyone/renderer.js b/WebApp/client/public/onebyone/renderer.js index 13f571f..98f58bd 100644 --- a/WebApp/client/public/onebyone/renderer.js +++ b/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; + } + } } // 渲染本地视频