视频没有占位符修复

client/public/onebyone/store.js

@@ -653,7 +653,11 @@ class CallStateManager {
                     this.broadcastParticipantsList();
                 } else {
                     // Participant端：根据消息来源更新对应条目
-                    if (data.participantId && this.state.participants[data.participantId]) {
+                    // Host的participantId在participants-sync中也会同步，所以不能仅靠participants中有无该key判断
+                    // 自身发出的消息回声（participantId === selfParticipantId）可以忽略
+                    // 来自其他Participant：participantId存在且在participants中，且不是自身
+                    // 来自Host：participantId存在但不是自身（Host不在selfParticipantId中）
+                    if (data.participantId && data.participantId !== this.selfParticipantId && this.state.participants[data.participantId]) {
                         // 来自其他Participant的媒体状态变化：仅更新participants中对应条目
                         // 不调用updateRemoteMedia，因为Participant端没有其他Participant的视频流
                         this.state.participants[data.participantId].mediaState = {
@@ -661,15 +665,12 @@ class CallStateManager {
                             ...data.data
                         };
                         this.notify({ type: 'PARTICIPANTS_UPDATE', participants: this.state.participants });
-                    } else if (!data.participantId) {
-                        // 来自Host的媒体状态变化（无participantId）：
-                        // 更新participants中Host条目 + 更新remoteUser（Host的视频流是本端远端画面）
-                        if (this.state.participants['host']) {
-                            this.state.participants['host'].mediaState = {
-                                ...this.state.participants['host'].mediaState,
-                                ...data.data
-                            };
-                        }
+                    } else if (data.participantId === this.selfParticipantId) {
+                        // 自身消息回声，忽略
+                    } else {
+                        // 来自Host的媒体状态变化（Host的participantId不匹配participants中任何条目，或无participantId）：
+                        // 更新remoteUser（Host的视频流是本端远端画面）
+                        console.log('Received media-state-changed from Host, updating remoteUser:', data.data);
                         this.updateRemoteMedia(data.data, data.participantId);
                         this.notify({ type: 'PARTICIPANTS_UPDATE', participants: this.state.participants });
                     }