完成
This commit is contained in:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user