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 ++++++++++++++++++++------
项目代码/后端/WCS/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json | 12 ++++++------
项目代码/后端/后台管理/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json | 4 ++--
3 files changed, 28 insertions(+), 14 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) {
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/WCS/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json" "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/WCS/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json"
index dc66213..161c651 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/WCS/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/WCS/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json"
@@ -32,10 +32,10 @@
// 娉ㄦ剰锛宧ttp://127.0.0.1:1818 鍜� http://localhost:1818 鏄笉涓�鏍风殑
"IPs": "http://127.0.0.1:8080,http://localhost:8080"
},
- //瑙ｅ喅搴旂敤绋嬪簭鎸囨爣锛坢etrics锛夋暟鎹毚闇测�濈殑闂
- "Internal": {
- "MetricsKey": "ReplaceThisWithStrongRandomSecret"
- },
+ ////瑙ｅ喅搴旂敤绋嬪簭鎸囨爣锛坢etrics锛夋暟鎹毚闇测�濈殑闂
+ //"Internal": {
+ // "MetricsKey": "ReplaceThisWithStrongRandomSecret"
+ //},
"ApiName": "WIDESEA",
"ExpMinutes": 120,
@@ -45,7 +45,7 @@
"PrintSql": false, //鎵撳嵃SQL璇彞
"LogAOPEnable": false, //鏄惁璁板綍AOP鏃ュ織
"WebSocketEnable": true,
- "WebSocketPort": 5175,
- //"WebSocketPort": 5173,
+ //"WebSocketPort": 5175,
+ //"WebSocketPort": 5173,//鏈嶅姟鍣ㄤ笂鐨�
"DepartmentID": "1" //杩欎釜鏄几鍑�/浼稿洖鐨勯儴闂╥d
}//鍗曟満鐗�
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/\345\220\216\345\217\260\347\256\241\347\220\206/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json" "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/\345\220\216\345\217\260\347\256\241\347\220\206/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json"
index 3e06762..585d1fb 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/\345\220\216\345\217\260\347\256\241\347\220\206/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\220\216\347\253\257/\345\220\216\345\217\260\347\256\241\347\220\206/WIDESEAWCS_Server/WIDESEAWCS_Server/appsettings.json"
@@ -41,8 +41,8 @@
"LogDeubgEnable": false, //鏄惁璁板綍璋冭瘯鏃ュ織
"PrintSql": false, //鎵撳嵃SQL璇彞
"LogAOPEnable": false, //鏄惁璁板綍AOP鏃ュ織
- "WebSocketEnable": true
+ "WebSocketEnable": true,
//"WebSocketPort": 9260
- //"WebSocketPort": 5174
+ "WebSocketPort": 5174
}
//鍚庡彴
--
Gitblit v1.9.3