【m】远端视频开发

WebApp/client/public/onebyone/renderer.js

@@ -89,6 +89,9 @@ class UIRenderer {
                 this.renderLocalStream(state.localStream);
                 this.renderLocalVideo(state.session.localUser, state.localStream);
                 break;
+            case 'REMOTE_STREAM_OBTAINED':
+                this.renderRemoteStream(state.remoteStream);
+                break;
             case 'REMOTE_MEDIA_CHANGE':
                 this.renderRemoteVideo(state.session.remoteUser);
                 this.renderUserList(state.session.localUser, state.session.remoteUser);
@@ -189,6 +192,22 @@ class UIRenderer {
         }
     }
 
+    // 渲染远程视频流
+    renderRemoteStream(stream) {
+        if (this.elements.remoteVideo && stream) {
+            this.elements.remoteVideo.srcObject = stream;
+            this.elements.remoteVideo.autoplay = true;
+            console.log('Remote stream set successfully:', this.elements.remoteVideo.srcObject);
+
+            // 隐藏断开连接覆盖层
+            if (this.elements.disconnectedOverlay) {
+                this.elements.disconnectedOverlay.classList.add('hidden');
+            }
+        } else {
+            console.error('Either remoteVideo element or stream is missing');
+        }
+    }
+
     // 渲染本地用户状态
     renderLocalUserStatus(localUser) {
         // 更新本地媒体状态文本