root/webRtc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

关闭视频画面

Browse Source
This commit is contained in:
zhangzheng
2026-03-12 15:48:20 +08:00
parent eb041af507
commit f5bc788539
1 changed files with 34 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
WebApp/client/public/onebyone/renderer.js
View File

@@ -203,6 +203,40 @@ class UIRenderer {
this.elements.remoteStatus.textContent = this.getStatusText(remoteUser.status);
}
// 当远程视频关闭时显示占位符
if (this.elements.remoteVideoPlaceholder) {
const shouldShowPlaceholder = !remoteUser.mediaState.video;
toggleElement(this.elements.remoteVideoPlaceholder, shouldShowPlaceholder);
// 更新占位符文本内容
if (shouldShowPlaceholder) {
const placeholderContent = this.elements.remoteVideoPlaceholder.querySelector('.text-center');
if (placeholderContent) {
const titleElement = placeholderContent.querySelector('p.text-white.text-lg.font-medium');
if (titleElement) {
titleElement.textContent = '对方摄像头已关闭';
}
const subtitleElement = placeholderContent.querySelector('p.text-sm.text-gray-400');
if (subtitleElement) {
subtitleElement.textContent = '对方暂时关闭了视频';
}
}
} else {
// 恢复默认占位符文本
const placeholderContent = this.elements.remoteVideoPlaceholder.querySelector('.text-center');
if (placeholderContent) {
const titleElement = placeholderContent.querySelector('p.text-white.text-lg.font-medium');
if (titleElement) {
titleElement.textContent = '等待对方连接...';
}
const subtitleElement = placeholderContent.querySelector('p.text-sm.text-gray-400');
if (subtitleElement) {
subtitleElement.textContent = '请确保对方已加入通话';
}
}
}
}
// 渲染说话状态
if (this.elements.remoteSpeakingIndicator) {
toggleElement(this.elements.remoteSpeakingIndicator, remoteUser.mediaState.isSpeaking);