From e48a6eae3c21ec1b336531d4e76d4135e4a351c4 Mon Sep 17 00:00:00 2001 From: stary <834207172@qq.com> Date: Sun, 24 May 2026 14:05:51 +0800 Subject: [PATCH] =?UTF-8?q?=E6=89=93=E5=8C=85=E7=9B=AE=E6=A0=87=E4=BC=98?= =?UTF-8?q?=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/public/renderer.js | 37 ++++++++++++++++--------------------- package.json | 2 +- 2 files changed, 17 insertions(+), 22 deletions(-) diff --git a/client/public/renderer.js b/client/public/renderer.js index 72fbf48..0d474e1 100644 --- a/client/public/renderer.js +++ b/client/public/renderer.js @@ -1,7 +1,3 @@ -/** - * UI婵炴挸寮堕悡瀣闯? - * 閻犳劗鍠曢惌妤冧焊閸℃瑥笑闁诡兛鐒﹀Σ褏浜搁崟顐㈢厒DOM闁挎稑濂旂粭宀勬偐閼哥鍋撴担渚悁闁荤偛妫滆闁? - */ import { formatTime, formatTimestamp, toggleElement, toggleButtonState } from './utils.js'; import { mockCallSession } from './models.js'; import chatMessage from './chatmessage.js'; @@ -122,7 +118,6 @@ class UIRenderer { bindEventListeners() { } - /** * 婵炴挸寮堕悡瀣棘鐟欏嫮銆?- 闁哄秷顫夊畵渚€鎮╅懜纰樺亾娴ｇ缍侀柛鏍ㄧ墬濞插潡寮惂鐕? * @param {Object} state - 鐟滅増鎸告晶鐘虫償閺冨倹鏆忛柣妯垮煐閳? @@ -131,17 +126,17 @@ class UIRenderer { render(state, changes) { switch (changes.type) { case 'INIT': - this.renderRemoteVideo(state.session.remoteUser); // 婵炴挸寮堕悡瀣交濠婂應鏌ら悷娆忔椤? - this.renderLocalVideo(state.session.localUser, state.localStream); // 婵炴挸寮堕悡瀣嫉椤掆偓濠€瀵告喆閸℃侗鏆? - this.renderControlButtons(state.session.localUser.mediaState); // 婵炴挸寮堕悡瀣箳瑜嶉崺妤呭箰婢舵劖灏? - this.renderChatMessages(chatMessage.getMessageState().messages); // 婵炴挸寮堕悡瀣嚂婵犲倶浜繛鎴濈墛娴? - this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); // 婵炴挸寮堕悡瀣偨閵婏箑鐓曢柛鎺擃殙閵? - this.renderHeader(state.session); // 婵炴挸寮堕悡瀣緞閹绢喖鍔ュǎ鍥ｅ墲娴? + this.renderRemoteVideo(state.session.remoteUser); + this.renderLocalVideo(state.session.localUser, state.localStream); + this.renderControlButtons(state.session.localUser.mediaState); + this.renderChatMessages(chatMessage.getMessageState().messages); + this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); + this.renderHeader(state.session); if (this.elements.remoteVideoPlaceholder) { if (state.remoteStream) { - this.elements.remoteVideoPlaceholder.classList.add('hidden'); // 闁哄牆顦崇换娆戠矙鐎ｎ偆銈﹂柡鍐ㄧ埣濞堬綁鎸婅箛鎾崇獥濞达絽绉烽崕妤呭疾? + this.elements.remoteVideoPlaceholder.classList.add('hidden'); } else { - this.elements.remoteVideoPlaceholder.classList.remove('hidden'); // 闁哄啰濮剧换娆戠矙鐎ｎ偆銈﹂柡鍐煐濡绮堥崫鍕獥濞达絽绉烽崕妤呭疾? + this.elements.remoteVideoPlaceholder.classList.remove('hidden'); } } break; @@ -149,24 +144,24 @@ class UIRenderer { this.renderCallDuration(changes.duration); break; case 'LOCAL_MEDIA_CHANGE': - this.renderControlButtons(state.session.localUser.mediaState); // 婵炴挸寮堕悡瀣箳瑜嶉崺妤呭箰婢舵劖灏? - this.renderLocalVideo(state.session.localUser, state.localStream); // 婵炴挸寮堕悡瀣嫉椤掆偓濠€瀵告喆閸℃侗鏆? - this.renderLocalUserStatus(state.session.localUser); // 婵炴挸寮堕悡瀣嫉椤掆偓濠€鎾偨閵婏箑鐓曢柣妯垮煐閳? - this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); // 婵炴挸寮堕悡瀣偨閵婏箑鐓曢柛鎺擃殙閵? + this.renderControlButtons(state.session.localUser.mediaState); + this.renderLocalVideo(state.session.localUser, state.localStream); + this.renderLocalUserStatus(state.session.localUser); + this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); break; case 'LOCAL_STREAM_OBTAINED': this.renderLocalStream(state.localStream); this.renderLocalVideo(state.session.localUser, state.localStream); break; case 'REMOTE_STREAM_OBTAINED': - this.renderRemoteStream(changes.stream, changes.connectionId, changes.isHost); // 婵炴挸寮堕悡瀣交濠婂應鏌ゆ繛? + this.renderRemoteStream(changes.stream, changes.connectionId, changes.isHost); if (this.elements.connectingOverlay) { this.elements.connectingOverlay.classList.add('hidden'); } break; case 'REMOTE_MEDIA_CHANGE': - this.renderRemoteVideo(state.session.remoteUser); // 婵炴挸寮堕悡瀣交濠婂應鏌ら悷娆忔椤? - this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); // 婵炴挸寮堕悡瀣偨閵婏箑鐓曢柛鎺擃殙閵? + this.renderRemoteVideo(state.session.remoteUser); + this.renderUserList(state.session.localUser, state.session.remoteUser, state.participants); if (changes.participantId && state.session.localUser.isHost) { const pInfo = state.participants[changes.participantId]; const showPlaceholder = pInfo ? !pInfo.mediaState.video : true; @@ -321,7 +316,7 @@ class UIRenderer { if (this.elements.localVideo && stream) { this.elements.localVideo.srcObject = stream; this.elements.localVideo.autoplay = true; - this.elements.localVideo.muted = true; // 闁哄牜鍓欏﹢瀵告喆閸℃侗鏆ラ梻鍫熺懇閻撳爼鏁嶅畝鍕級闁稿繐绉村ú鏍ㄧ珶? + this.elements.localVideo.muted = true; console.log('srcObject set successfully:', this.elements.localVideo.srcObject); if (this.elements.disconnectedOverlay) { diff --git a/package.json b/package.json index 6fd1eea..68524d8 100644 --- a/package.json +++ b/package.json @@ -54,7 +54,7 @@ "client/src/**/*" ], "targets": [ - "node10" + "node18" ] } }