diff --git a/templates/index.html b/templates/index.html
index 3f5158e..49c84e0 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -47,6 +47,10 @@
             font-size: 1.2em;
         }
 
+        .camera-frame.main-view .camera-title:hover {
+            background-color: #3a7bc8;
+        }
+
         .camera-frame.front-view {
             grid-column: 3 / span 1;
             grid-row: 1 / span 1;
@@ -343,6 +347,7 @@
         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');
+        const currentShortcutDisplay = document.getElementById('current-shortcut');
 
         button_gimbal_center.addEventListener('click', function () {
             socket.emit('gimbal_center');
@@ -408,6 +413,27 @@
                 socket.emit('ping');
             }
         }, 30000); // 每 30 秒发送一次心跳
+        
+        document.addEventListener('keydown', function(event) {
+            if (['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName)) {
+                return;
+            }
+
+            let keyDisplay = event.key;
+            if (event.key === ' ') {
+                keyDisplay = '空格键';
+            } else if (event.key === 'Spacebar') {
+                keyDisplay = '空格键';
+            }
+            
+            if (event.code === 'Space' || event.key === ' ' || event.key === 'Spacebar') {
+                event.preventDefault();
+                console.log('云台回中');
+                
+                // 触发云台回中按钮点击事件
+                socket.emit('gimbal_center');
+            }
+        });
     </script>
 </body>