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 @@
-
+
+
+
+ 优秀
+
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;
+ }
+ }
}
// 渲染本地视频