From 920390be74afb8a585fa0fc2a1359ecb52b1c5af Mon Sep 17 00:00:00 2001
From: yanjinhui <3306209981@qq.com>
Date: 星期五, 14 十一月 2025 14:37:21 +0800
Subject: [PATCH] 优化后台前端视频流问题
---
项目代码/前端/后台/src/views/tts/PickAndDrop/PickAndDrop.vue | 26 ++++++++++++++++++++------
1 files changed, 20 insertions(+), 6 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\220\216\345\217\260/src/views/tts/PickAndDrop/PickAndDrop.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\220\216\345\217\260/src/views/tts/PickAndDrop/PickAndDrop.vue"
index 0383d24..05b31eb 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\220\216\345\217\260/src/views/tts/PickAndDrop/PickAndDrop.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\220\216\345\217\260/src/views/tts/PickAndDrop/PickAndDrop.vue"
@@ -858,6 +858,10 @@
rstp.value=srtpaddres[tab.index].left
rstp1.value=srtpaddres[tab.index].right
+ // 娣诲姞寤惰繜纭繚鏂版爣绛鹃〉瀹屽叏娓叉煋
+ nextTick(() => {
+ initVideo();
+ });
}
//瑙嗛鐩戞帶
@@ -867,18 +871,28 @@
const initVideo = () => {
destroyVideo()// 瀹夊叏娓呯悊
try {
- webRtcServer_left.value = new WebRtcStreamer('video_left', serverUrl)
- webRtcServer_left.value.connect(rstp.value)
+ // 娣诲姞寤惰繜纭繚DOM宸叉覆鏌�
+ nextTick(() => {
+ const videoLeft = document.getElementById('video_left');
+ const videoRight = document.getElementById('video_right');
+
+ if (!videoLeft || !videoRight) {
+ console.error('Video elements not found');
+ return;
+ }
- webRtcServer_right.value = new WebRtcStreamer('video_right', serverUrl)
- webRtcServer_right.value.connect(rstp1.value)
+ webRtcServer_left.value = new WebRtcStreamer('video_left', serverUrl)
+ webRtcServer_left.value.connect(rstp.value)
- console.log('瑙嗛鍒濆鍖栧畬鎴�')
+ webRtcServer_right.value = new WebRtcStreamer('video_right', serverUrl)
+ webRtcServer_right.value.connect(rstp1.value)
+
+ console.log('瑙嗛鍒濆鍖栧畬鎴�')
+ });
} catch (err) {
ElMessage.error('瑙嗛鍒濆鍖栧け璐�: ' + err.message)
}
}
-
//閿�姣佽棰戝嚱鏁�
const destroyVideo = () => {
if (webRtcServer_left.value) {
--
Gitblit v1.9.3