src/components/video/Live.vue

@@ -21,6 +21,7 @@
 	let videoMap = {}
 	let currentWindowIndex = 0
 	const mode = 0 // 0 普通模式  1 高级模式
+	const isActive = ref(false)
 
 	const init = () => {
 		window.addEventListener('resize', () => {
@@ -214,6 +215,15 @@
 		}
 	}
 
+	const circle = () => {
+		if (isActive.value) {
+			doControl('LEFT', 0)
+		} else {
+			doControl('LEFT', 1)
+		}
+		isActive.value = !isActive.value
+	}
+
 	const doControl1 = (command) => {
 		console.log('do control 1', command)
 		doControl(command, 0)
@@ -380,10 +390,11 @@
 											v-if="item.code !== 'GOTO_PRESET'"
 											:key="item.code"
 											class="small-btn"
-											@click="doControl1(item.code)"
+											@mousedown="doControl(item.code, 0)"
+											@mouseup="doControl(item.code, 1)"
 											>{{ item.label }}
 										</a-button>
-										<a-button v-else class="small-btn" @click="doControl(item.code)">
+										<a-button v-else class="small-btn" :class="{ 'active-button': isActive }" @click="circle()">
 											<template #icon>
 												<UndoOutlined />
 											</template>
@@ -441,4 +452,9 @@
 			margin-top: 5px;
 		}
 	}
+
+	.active-button {
+		background-color: #1890ff;
+		color: white;
+	}
 </style>