From a8db9734115e1b0b75cefa0c97fbe76d4a887148 Mon Sep 17 00:00:00 2001
From: duoaohui <928970622@qq.com>
Date: Sat, 23 May 2026 21:26:52 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=86=E9=A2=91=E4=BC=9A=E8=AE=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/meeting/VideoTile.vue | 13 ++++++++++++-
 frontend/src/pages/cloud-law/video-call.vue   |  4 ++--
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/meeting/VideoTile.vue b/frontend/src/components/meeting/VideoTile.vue
index 68a86c4..818c328 100644
--- a/frontend/src/components/meeting/VideoTile.vue
+++ b/frontend/src/components/meeting/VideoTile.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script setup>
-import { ref, computed, watch, onBeforeUnmount, nextTick } from 'vue'
+import { ref, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue'
 
 const props = defineProps({
   userId: { type: [Number, String], required: true },
@@ -156,6 +156,17 @@ const applyAudio = () => {
 watch(() => [props.videoTrack, props.videoEnabled], () => nextTick(applyVideo), { immediate: true })
 watch(() => [props.audioTrack, props.audioEnabled, props.isLocal], () => nextTick(applyAudio), { immediate: true })
 
+// 修复刚进入会议时画面不显示问题：
+// watch 的 immediate:true 在 setup 阶段就触发 applyVideo，此时 mediaBox ref 尚未绑定真实 DOM；
+// 即便包了 nextTick，在 uni-h5 偶发条件下仍可能命中 ref 未就绪，导致 srcObject 没贴上。
+// 这里在 onMounted 里再补一次绑定，确保 DOM ready 后必然挂上 track。
+onMounted(() => {
+  nextTick(() => {
+    applyVideo()
+    applyAudio()
+  })
+})
+
 onBeforeUnmount(() => {
   removeMediaEl('video')
   removeMediaEl('audio')
diff --git a/frontend/src/pages/cloud-law/video-call.vue b/frontend/src/pages/cloud-law/video-call.vue
index 21d3dd1..a2675bb 100644
--- a/frontend/src/pages/cloud-law/video-call.vue
+++ b/frontend/src/pages/cloud-law/video-call.vue
@@ -816,8 +816,8 @@ onUnload(() => {
   box-shadow: 0 14rpx 36rpx rgba(255, 47, 63, 0.38);
 }
 .control-image {
-  width: 170rpx;
-  height: 170rpx;
+  width: 150rpx;
+  height: 150rpx;
 }
 .dark-btn .control-image {
   width: 108rpx;