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

app.py

@@ -108,6 +108,17 @@ def handle_gimbal_ir_mode(data):
         ptz.set_ir_mode(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')
 # def get_joystick_data():
 #     """API 端点：获取当前摇杆数据"""

templates/index.html

@@ -276,6 +276,11 @@
                 <option value="9">9</option>
             </select>
         </div>
+
+        <div class="control-group">
+            <button id="gimbal_zoom_in">放大</button>
+            <button id="gimbal_zoom_out">缩小</button>
+        </div>
     </div>
 
     <div class="container">
@@ -336,6 +341,8 @@
         const button_gimbal_center = document.getElementById('gimbal_center');
         const select_gimbal_pip = document.getElementById('gimbal_pip');
         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 () {
             socket.emit('gimbal_center');
@@ -351,6 +358,14 @@
             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');