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

【m】远端占位背景添加

Browse Source
This commit is contained in:
zhangzheng
2026-03-05 11:30:27 +08:00
parent dfc75172b8
commit 425c85dd9c
3 changed files with 110 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
WebApp/client/public/onebyone/index.html
View File

@@ -155,6 +155,17 @@
data-field="remoteUser.videoStream">
</video>
<!-- 远端未连接时的占位背景 -->
<div id="remoteVideoPlaceholder" class="absolute inset-0 flex items-center justify-center bg-gradient-to-br from-indigo-900/80 to-purple-900/80">
<div class="text-center">
<div class="w-32 h-32 rounded-full bg-indigo-700/50 flex items-center justify-center mx-auto mb-4">
<i class="fas fa-user text-4xl text-white/70"></i>
</div>
<p class="text-white text-lg font-medium">等待对方连接...</p>
<p class="text-sm text-gray-400 mt-2">请确保对方已加入通话</p>
</div>
</div>
<!-- 远端信息覆盖层 -->
<div class="absolute top-6 left-6 glass px-4 py-2 rounded-full flex items-center gap-3">
<div class="relative">