This commit is contained in:
2026-04-25 19:26:39 +08:00
parent bd3698d508
commit bcd55f9dac
3 changed files with 88 additions and 170 deletions

View File

@@ -180,35 +180,6 @@
</div>
</div>
<!-- 远端信息覆盖层 -->
<div class="absolute top-6 left-6 glass px-4 py-2 rounded-full flex items-center gap-3">
<div class="relative">
<!-- [DATA_FIELD: remoteUser.avatar] [TYPE: string] [URL] [REQUIRED] -->
<img id="remoteAvatar"
src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100&h=100&fit=crop"
class="w-8 h-8 rounded-full object-cover" data-field="remoteUser.avatar">
<!-- [CONDITIONAL_RENDER: remoteUser.mediaState.isSpeaking === true] -->
<div id="remoteSpeakingIndicator"
class="absolute -bottom-1 -right-1 w-3 h-3 bg-green-500 rounded-full border-2 border-slate-900 hidden"
data-field="remoteUser.isSpeaking"></div>
</div>
<div>
<!-- [DATA_FIELD: remoteUser.name] [TYPE: string] -->
<div class="text-sm font-medium" data-field="remoteUser.name" id="remoteName">Sarah Chen</div>
<div class="text-xs text-gray-400 flex items-center gap-2">
<!-- [DATA_FIELD: remoteUser.status] [TYPE: string] [ENUM: online/offline/connecting] -->
<span id="remoteStatus" data-field="remoteUser.status">正在通话</span>
<!-- [CONDITIONAL_RENDER: remoteUser.mediaState.isSpeaking === true && remoteUser.mediaState.audio === true] -->
<div id="remoteAudioWave" class="audio-wave w-6 hidden"
data-field="remoteUser.audioActivity">
<span></span><span></span><span></span><span></span><span></span>
</div>
</div>
</div>
</div>
<!-- 网络状态提示 -->
<!-- [CONDITIONAL_RENDER: remoteUser.networkQuality !== 'excellent'] -->
<div id="networkStatus"