hexone2086/m20_monitor_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 增加云台数码变焦按钮

Browse Source
This commit is contained in:
CaoWangrenbo
2025-11-01 19:52:22 +08:00
parent 21ed6782a0
commit a2cbaecfa1
2 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app.py
View File

@@ -108,6 +108,17 @@ def handle_gimbal_ir_mode(data):
ptz.set_ir_mode(mode) ptz.set_ir_mode(mode)
logger.info(f"云台IR {mode}") logger.info(f"云台IR {mode}")
@socketio.on('gimbal_zoom_in')
def handle_gimbal_zoom_in():
"""处理云台缩放"""
ptz.zoom_in()
@socketio.on('gimbal_zoom_out')
def handle_gimbal_zoom_out():
"""处理云台缩放"""
ptz.zoom_out()
# @app.route('/get_joystick_data') # @app.route('/get_joystick_data')
# def get_joystick_data(): # def get_joystick_data():
# """API 端点：获取当前摇杆数据""" # """API 端点：获取当前摇杆数据"""

21
templates/index.html
View File

@@ -245,12 +245,12 @@
<body> <body>
<div id="connection-status" class="disconnected">未连接</div> <div id="connection-status" class="disconnected">未连接</div>
<div class="gimbal-controls"> <div class="gimbal-controls">
<div class="control-group"> <div class="control-group">
<button id="gimbal_center">云台回中</button> <button id="gimbal_center">云台回中</button>
</div> </div>
<div class="control-group"> <div class="control-group">
<label for="gimbal_pip">画中画模式:</label> <label for="gimbal_pip">画中画模式:</label>
<select id="gimbal_pip"> <select id="gimbal_pip">
@@ -260,7 +260,7 @@
<option value="3">IR主</option> <option value="3">IR主</option>
</select> </select>
</div> </div>
<div class="control-group"> <div class="control-group">
<label for="ir_mode">IR模式:</label> <label for="ir_mode">IR模式:</label>
<select id="ir_mode"> <select id="ir_mode">
@@ -276,6 +276,11 @@
<option value="9">9</option> <option value="9">9</option>
</select> </select>
</div> </div>
<div class="control-group">
<button id="gimbal_zoom_in">放大</button>
<button id="gimbal_zoom_out">缩小</button>
</div>
</div> </div>
<div class="container"> <div class="container">
@@ -336,6 +341,8 @@
const button_gimbal_center = document.getElementById('gimbal_center'); const button_gimbal_center = document.getElementById('gimbal_center');
const select_gimbal_pip = document.getElementById('gimbal_pip'); const select_gimbal_pip = document.getElementById('gimbal_pip');
const select_ir_mode = document.getElementById('ir_mode'); const select_ir_mode = document.getElementById('ir_mode');
const button_gimbal_zoom_in = document.getElementById('gimbal_zoom_in');
const button_gimbal_zoom_out = document.getElementById('gimbal_zoom_out');
button_gimbal_center.addEventListener('click', function () { button_gimbal_center.addEventListener('click', function () {
socket.emit('gimbal_center'); socket.emit('gimbal_center');
@@ -351,6 +358,14 @@
socket.emit('gimbal_ir_mode', selectedValue); socket.emit('gimbal_ir_mode', selectedValue);
}) })
button_gimbal_zoom_in.addEventListener('click', function () {
socket.emit('gimbal_zoom_in');
});
button_gimbal_zoom_out.addEventListener('click', function () {
socket.emit('gimbal_zoom_out');
})
// 获取摇杆元素 // 获取摇杆元素
const joystick = document.querySelector('virtual-joystick'); const joystick = document.querySelector('virtual-joystick');