feat(hid): 添加 Consumer Control 多媒体按键和多平台键盘布局

- 新增 Consumer Control HID 支持（播放/暂停、音量控制等）
- 虚拟键盘支持 Windows/Mac/Android 三种布局切换
- 移除键盘 LED 反馈以节省 USB 端点（从 2 减至 1）
- InfoBar 优化：按键名称友好显示，移除未实现的 Num/Scroll 指示器
- 更新 HID 模块文档

web/src/lib/keyboardLayouts.ts

@@ -17,9 +17,71 @@ export interface KeyboardLayout {
     }
     control: string[][]
     arrows: string[][]
+    media: string[] // Media keys row
   }
 }
 
+// OS-specific keyboard layout type
+export type KeyboardOsType = 'windows' | 'mac' | 'android'
+
+// Bottom row layouts for different OS
+export const osBottomRows: Record<KeyboardOsType, string[]> = {
+  // Windows: Ctrl - Win - Alt - Space - Alt - Win - Menu - Ctrl
+  windows: ['ControlLeft', 'MetaLeft', 'AltLeft', 'Space', 'AltRight', 'MetaRight', 'Menu', 'ControlRight'],
+  // Mac: Ctrl - Option - Cmd - Space - Cmd - Option - Ctrl
+  mac: ['ControlLeft', 'AltLeft', 'MetaLeft', 'Space', 'MetaRight', 'AltRight', 'ControlRight'],
+  // Android: simplified layout
+  android: ['ControlLeft', 'AltLeft', 'Space', 'AltRight', 'ControlRight'],
+}
+
+// OS-specific modifier display names
+export const osModifierLabels: Record<KeyboardOsType, Record<string, string>> = {
+  windows: {
+    ControlLeft: '^Ctrl',
+    ControlRight: 'Ctrl^',
+    MetaLeft: '⊞Win',
+    MetaRight: 'Win⊞',
+    AltLeft: 'Alt',
+    AltRight: 'Alt',
+    AltGr: 'AltGr',
+    Menu: 'Menu',
+  },
+  mac: {
+    ControlLeft: '^Ctrl',
+    ControlRight: 'Ctrl^',
+    MetaLeft: '⌘Cmd',
+    MetaRight: 'Cmd⌘',
+    AltLeft: '⌥Opt',
+    AltRight: 'Opt⌥',
+    AltGr: '⌥Opt',
+    Menu: 'Menu',
+  },
+  android: {
+    ControlLeft: 'Ctrl',
+    ControlRight: 'Ctrl',
+    MetaLeft: 'Meta',
+    MetaRight: 'Meta',
+    AltLeft: 'Alt',
+    AltRight: 'Alt',
+    AltGr: 'Alt',
+    Menu: 'Menu',
+  },
+}
+
+// Media keys (Consumer Control)
+export const mediaKeys = ['PrevTrack', 'PlayPause', 'NextTrack', 'Stop', 'Mute', 'VolumeDown', 'VolumeUp']
+
+// Media key display names
+export const mediaKeyLabels: Record<string, string> = {
+  PlayPause: '⏯',
+  Stop: '⏹',
+  NextTrack: '⏭',
+  PrevTrack: '⏮',
+  Mute: '🔇',
+  VolumeUp: '🔊',
+  VolumeDown: '🔉',
+}
+
 // English US Layout
 export const enUSLayout: KeyboardLayout = {
   id: 'en-US',
@@ -153,6 +215,7 @@ export const enUSLayout: KeyboardLayout = {
       ['ArrowUp'],
       ['ArrowLeft', 'ArrowDown', 'ArrowRight'],
     ],
+    media: ['PrevTrack', 'PlayPause', 'NextTrack', 'Stop', 'Mute', 'VolumeDown', 'VolumeUp'],
   },
 }
 

web/src/lib/keyboardMappings.ts

@@ -136,12 +136,6 @@ export const keys = {
   F23: 0x72,
   F24: 0x73,
 
-  // Media/System keys (Consumer Control)
-  // Note: These are Consumer Control keys, may need special handling
-  Mute: 0x7f,
-  VolumeUp: 0x80,
-  VolumeDown: 0x81,
-
   // Modifiers (these are special - HID codes 0xE0-0xE7)
   ControlLeft: 0xe0,
   ShiftLeft: 0xe1,
@@ -156,6 +150,20 @@ export const keys = {
 
 export type KeyName = keyof typeof keys
 
+// Consumer Control Usage codes (for multimedia keys)
+// These are sent via a separate Consumer Control HID report
+export const consumerKeys = {
+  PlayPause: 0x00cd,
+  Stop: 0x00b7,
+  NextTrack: 0x00b5,
+  PrevTrack: 0x00b6,
+  Mute: 0x00e2,
+  VolumeUp: 0x00e9,
+  VolumeDown: 0x00ea,
+} as const
+
+export type ConsumerKeyName = keyof typeof consumerKeys
+
 // Modifier bitmasks for HID report byte 0
 export const modifiers = {
   ControlLeft: 0x01,