From 554ea194fa4332e97c3def7e010acecde26b48d5 Mon Sep 17 00:00:00 2001
From: yanjinhui <3306209981@qq.com>
Date: 星期四, 28 八月 2025 10:17:04 +0800
Subject: [PATCH] 前端页面的修改
---
项目代码/前端/单机版/src/views/tts/PickAndDrop/Manualcontrol.vue | 69 +++++++++++++++++++++++++++-------
1 files changed, 54 insertions(+), 15 deletions(-)
diff --git "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\215\225\346\234\272\347\211\210/src/views/tts/PickAndDrop/Manualcontrol.vue" "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\215\225\346\234\272\347\211\210/src/views/tts/PickAndDrop/Manualcontrol.vue"
index 7e9a5b3..8162b30 100644
--- "a/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\215\225\346\234\272\347\211\210/src/views/tts/PickAndDrop/Manualcontrol.vue"
+++ "b/\351\241\271\347\233\256\344\273\243\347\240\201/\345\211\215\347\253\257/\345\215\225\346\234\272\347\211\210/src/views/tts/PickAndDrop/Manualcontrol.vue"
@@ -565,6 +565,7 @@
AutoPickAndDrop,
Pouse,
GetParameter,
+ GetStandid,
} from "@/api/newapi/Parameters.js";
// import EZUIKit from "ezuikit-js";
@@ -778,26 +779,63 @@
const webRtcServer_left = ref(null)
const webRtcServer_right = ref(null)
-// 鎽勫儚澶� RTSP 鍦板潃锛屾敞鎰� %23 鏇夸唬 #锛岃繖鏄� URL 缂栫爜 瑙嗛缂栫爜鏍煎紡 浠� H.265 淇敼涓� H.264锛�265涓嶆敮鎸�
-const rtspLeft = 'rtsp://admin:MXmx2380%23@192.168.1.168:554/Streaming/Channels/101'
-const rtspRight = 'rtsp://admin:MXmx2380%23@192.168.1.168:554/Streaming/Channels/201'
+// 鎽勫儚澶� RTSP 鍦板潃锛屾敞鎰� %23 鏇夸唬 #锛岃繖鏄� URL 缂栫爜 ;瑙嗛缂栫爜鏍煎紡 浠� H.265 淇敼涓� H.264锛�265涓嶆敮鎸�
+const videoStreamList = [
+ // index = StationID - 1锛屽搴� StationID = 1 鏃跺彇绗� 0 椤�
+ {
+ left: "rtsp://admin:MXmx2380%23@192.168.1.168:554/Streaming/Channels/101",
+ right: "rtsp://admin:MXmx2380%23@192.168.1.168:554/Streaming/Channels/201"
+ },
+ {
+ left: "rtsp://admin:MXmx2380%23@192.168.1.169:554/Streaming/Channels/101",
+ right: "rtsp://admin:MXmx2380%23@192.168.1.169:554/Streaming/Channels/201"
+ },
+ {
+ left: "rtsp://admin:MXmx2380%23@192.168.1.170:554/Streaming/Channels/101",
+ right: "rtsp://admin:MXmx2380%23@192.168.1.170:554/Streaming/Channels/201"
+ }
+ // 鍙互缁х画娣诲姞鏇村绔欑偣娴佸湴鍧�
+];
+const getStationId = async () => {
+ try {
+ const res = await GetStandid()
+ console.log("鎵嬪姩瑙嗛鐩戞帶绔欑偣",res)
+ if (res.status) {
+ const stationId = parseInt(res.data);
+ initVideoByStationId(stationId);
+ } else {
+ ElMessage.error("鑾峰彇绔欑偣缂栧彿澶辫触锛�" + res.message);
+ }
+ } catch (err) {
+ ElMessage.error("璇锋眰澶辫触锛�" + err.message);
+ }
+};
// WebRtcStreamer 鏈嶅姟鍦板潃
const serverUrl = 'http://192.168.1.103:8000' // 鈫� 鏀逛负浣犺繍琛岀殑閭ｅ彴鐢佃剳鐨� IP
-const initVideo = () => {
- try {
- webRtcServer_left.value = new WebRtcStreamer('video_left', serverUrl)
- webRtcServer_left.value.connect(rtspLeft)
+const initVideoByStationId = (stationId) => {
+ const index = stationId - 1;
- webRtcServer_right.value = new WebRtcStreamer('video_right', serverUrl)
- webRtcServer_right.value.connect(rtspRight)
-
- console.log('瑙嗛鍒濆鍖栧畬鎴�')
- } catch (err) {
- ElMessage.error('瑙嗛鍒濆鍖栧け璐�: ' + err.message)
+ if (index < 0 || index >= videoStreamList.length) {
+ ElMessage.error("鏃犳晥鐨勭珯鐐圭紪鍙凤細" + stationId);
+ return;
}
-}
+
+ const rtspUrls = videoStreamList[index];
+
+ try {
+ webRtcServer_left.value = new WebRtcStreamer("video_left", serverUrl);
+ webRtcServer_left.value.connect(rtspUrls.left);
+
+ webRtcServer_right.value = new WebRtcStreamer("video_right", serverUrl);
+ webRtcServer_right.value.connect(rtspUrls.right);
+
+ console.log("瑙嗛鍒濆鍖栧畬鎴愶細", rtspUrls);
+ } catch (err) {
+ ElMessage.error("瑙嗛鍒濆鍖栧け璐�: " + err.message);
+ }
+};
//閿�姣佽棰戝嚱鏁�
const destroyVideo = () => {
@@ -835,7 +873,8 @@
onMounted(() => {
- initVideo(),
+ getStationId(); // 椤甸潰鍔犺浇鏃惰嚜鍔ㄨ幏鍙栧苟鎾斁瑙嗛
+ // initVideo(),
isStart.value = true; // 璁剧疆涓哄紑濮嬬姸鎬�
createSocket();
getParameter();
--
Gitblit v1.9.3