feat(player): add subtitle search functionality

src/renderer/src/i18n/locales/en-us.json

@@ -86,6 +86,22 @@
           }
         }
       }
+    },
+    "subtitleList": {
+      "empty": {
+        "title": "No matching subtitle file found",
+        "description": "You can choose a subtitle file with the button below or drag a subtitle file into this area."
+      },
+      "search": {
+        "placeholder": "Search subtitles...",
+        "pending": "Searching...",
+        "count": "Found {{count}} subtitle",
+        "count_one": "Found {{count}} subtitle",
+        "count_other": "Found {{count}} subtitles",
+        "none": "No subtitles match your search",
+        "emptyTitle": "No matches found",
+        "emptySubtitle": "Try another keyword"
+      }
     }
   },
   "settings": {

src/renderer/src/i18n/locales/ja-jp.json

@@ -134,5 +134,23 @@
       "show_mini_window": "快速助手",
       "show_window": "表示ウィンドウ"
     }
+  },
+  "player": {
+    "subtitleList": {
+      "empty": {
+        "title": "動画ファイルと同じフォルダーに一致する字幕ファイルが見つかりません",
+        "description": "下のボタンから字幕ファイルを選択するか、このエリアにドラッグしてください"
+      },
+      "search": {
+        "placeholder": "字幕を検索...",
+        "pending": "検索中...",
+        "count": "{{count}} 件の字幕が見つかりました",
+        "count_one": "{{count}} 件の字幕が見つかりました",
+        "count_other": "{{count}} 件の字幕が見つかりました",
+        "none": "一致する字幕が見つかりません",
+        "emptyTitle": "一致する結果がありません",
+        "emptySubtitle": "別のキーワードを試してください"
+      }
+    }
   }
 }

src/renderer/src/i18n/locales/ru-ru.json

@@ -94,5 +94,25 @@
       "show_mini_window": "Быстрый помощник",
       "show_window": "отображать окно"
     }
+  },
+  "player": {
+    "subtitleList": {
+      "empty": {
+        "title": "В той же папке, что и видео, не найден подходящий файл субтитров",
+        "description": "Вы можете выбрать файл субтитров с помощью кнопки ниже или перетащить его в эту область"
+      },
+      "search": {
+        "placeholder": "Поиск субтитров...",
+        "pending": "Поиск...",
+        "count": "Найден {{count}} файл субтитров",
+        "count_one": "Найден {{count}} файл субтитров",
+        "count_few": "Найдено {{count}} файла субтитров",
+        "count_many": "Найдено {{count}} файлов субтитров",
+        "count_other": "Найдено {{count}} субтитров",
+        "none": "Субтитры по запросу не найдены",
+        "emptyTitle": "Совпадений не найдено",
+        "emptySubtitle": "Попробуйте другой запрос"
+      }
+    }
   }
 }

src/renderer/src/i18n/locales/zh-cn.json

@@ -85,20 +85,6 @@
             "tooltip": "透明背景"
           }
         },
-        "mask-mode": {
-          "background-locked": {
-            "tooltip": "遮罩模式下背景样式固定为高斯模糊"
-          },
-          "disable": {
-            "tooltip": "关闭遮罩模式"
-          },
-          "enable": {
-            "tooltip": "开启遮罩模式，锁定内嵌字幕区域"
-          },
-          "label": "遮罩模式",
-          "onboarding": "拖动或调整字幕框以匹配视频中的内嵌字幕区域",
-          "title": "遮罩模式"
-        },
         "display-mode": {
           "bilingual": {
             "label": "双语",
@@ -117,9 +103,30 @@
             "label": "译文",
             "tooltip": "仅显示译文字幕 (Ctrl+3)"
           }
+        },
+        "mask-mode": {
+          "background-locked": {
+            "tooltip": "遮罩模式下背景样式固定为高斯模糊"
+          },
+          "disable": {
+            "tooltip": "关闭遮罩模式"
+          },
+          "enable": {
+            "tooltip": "开启遮罩模式，锁定内嵌字幕区域"
+          },
+          "label": "遮罩模式",
+          "onboarding": "拖动或调整字幕框以匹配视频中的内嵌字幕区域",
+          "title": "遮罩模式"
         }
       }
     },
+    "dictionary": {
+      "error": "查询失败",
+      "loading": "查询中...",
+      "more_definitions": "... 还有 {{count}} 个释义",
+      "pronunciation": "点击发音",
+      "translations": "常用翻译"
+    },
     "errorRecovery": {
       "actions": {
         "backToHome": "返回首页",
@@ -179,39 +186,49 @@
         "label": "文件路径"
       }
     },
-    "subtitles": {
-      "hide": "隐藏字幕列表",
-      "show": "展开字幕列表"
-    },
     "mediaServerPrompt": {
-      "title": "视频格式不兼容",
-      "subtitle": "检测到当前视频格式不受支持",
+      "actions": {
+        "install": "立即安装",
+        "later": "稍后再说"
+      },
       "benefits": {
-        "title": "安装 Media Server 可以解决此问题",
         "compatibility": {
-          "title": "完美兼容",
-          "description": "支持所有常见视频格式，包括高清和蓝光视频"
-        },
-        "transcoding": {
-          "title": "实时转码",
-          "description": "后台自动转码，无需等待，即开即用"
+          "description": "支持所有常见视频格式，包括高清和蓝光视频",
+          "title": "完美兼容"
         },
         "easySetup": {
-          "title": "一键安装",
-          "description": "自动化安装流程，无需手动配置"
+          "description": "自动化安装流程，无需手动配置",
+          "title": "一键安装"
+        },
+        "title": "安装 Media Server 可以解决此问题",
+        "transcoding": {
+          "description": "后台自动转码，无需等待，即开即用",
+          "title": "实时转码"
         }
       },
-      "actions": {
-        "install": "立即安装",
-        "later": "稍后再说"
-      }
+      "subtitle": "检测到当前视频格式不受支持",
+      "title": "视频格式不兼容"
     },
-    "dictionary": {
-      "loading": "查询中...",
-      "error": "查询失败",
-      "pronunciation": "点击发音",
-      "more_definitions": "... 还有 {{count}} 个释义",
-      "translations": "常用翻译"
+    "subtitles": {
+      "hide": "隐藏字幕列表",
+      "search": "搜索字幕",
+      "show": "展开字幕列表"
+    },
+    "subtitleList": {
+      "empty": {
+        "title": "在视频文件同目录下未找到匹配的字幕文件",
+        "description": "您可以点击下方按钮选择字幕文件，或将字幕文件拖拽到此区域"
+      },
+      "search": {
+        "placeholder": "搜索字幕...",
+        "pending": "搜索中...",
+        "count": "找到 {{count}} 条字幕",
+        "count_one": "找到 {{count}} 条字幕",
+        "count_other": "找到 {{count}} 条字幕",
+        "none": "未找到匹配的字幕",
+        "emptyTitle": "未找到匹配结果",
+        "emptySubtitle": "请尝试其他关键词"
+      }
     }
   },
   "search": {
@@ -415,11 +432,11 @@
         },
         "description": "FFprobe 用于读取音视频元数据和流信息，帮助 EchoPlayer 验证文件状态并完成兼容性检测。",
         "download": {
-          "install": "安装",
           "cancel": "取消下载",
           "cancelled": "下载已取消",
           "downloading": "下载中",
           "failed": "下载失败，请重试",
+          "install": "安装",
           "success": "下载完成"
         },
         "path": {
@@ -489,12 +506,12 @@
       "show_settings": "打开设置",
       "single_loop": "循环播放",
       "title": "快捷键",
+      "toggle_auto_pause": "切换自动暂停",
       "toggle_fullscreen": "切换全屏",
       "toggle_new_context": "清除上下文",
       "toggle_show_assistants": "切换助手显示",
       "toggle_show_topics": "切换话题显示",
       "toggle_subtitle_panel": "切换字幕面板",
-      "toggle_auto_pause": "切换自动暂停",
       "volume_down": "减小音量",
       "volume_up": "增大音量",
       "zoom_in": "放大界面",

src/renderer/src/i18n/locales/zh-tw.json

@@ -95,5 +95,23 @@
       "show_mini_window": "快速助手",
       "show_window": "顯示視窗"
     }
+  },
+  "player": {
+    "subtitleList": {
+      "empty": {
+        "title": "在影片檔同目錄下未找到符合的字幕檔案",
+        "description": "您可以點擊下方按鈕選擇字幕檔，或將字幕檔拖曳到此區域"
+      },
+      "search": {
+        "placeholder": "搜尋字幕...",
+        "pending": "搜尋中...",
+        "count": "找到 {{count}} 筆字幕",
+        "count_one": "找到 {{count}} 筆字幕",
+        "count_other": "找到 {{count}} 筆字幕",
+        "none": "未找到符合的字幕",
+        "emptyTitle": "找不到符合的結果",
+        "emptySubtitle": "請嘗試其他關鍵字"
+      }
+    }
   }
 }

src/renderer/src/infrastructure/hooks/useShortcut.ts

@@ -10,12 +10,59 @@ interface UseShortcutOptions {
   enableOnFormTags?: boolean
   enabled?: boolean
   description?: string
+  allowWhenTyping?: boolean
 }
 
 const defaultOptions: UseShortcutOptions = {
   preventDefault: true,
   enableOnFormTags: true,
-  enabled: true
+  enabled: true,
+  allowWhenTyping: false
+}
+
+const NON_TYPABLE_INPUT_TYPES = new Set([
+  'button',
+  'checkbox',
+  'color',
+  'date',
+  'datetime-local',
+  'file',
+  'hidden',
+  'image',
+  'month',
+  'radio',
+  'range',
+  'reset',
+  'submit',
+  'time',
+  'week'
+])
+
+function isTypingInput(element: Element | null): boolean {
+  if (!element || !(element instanceof HTMLElement)) {
+    return false
+  }
+
+  if (element.isContentEditable) {
+    return true
+  }
+
+  const tagName = element.tagName.toLowerCase()
+
+  if (tagName === 'textarea') {
+    return true
+  }
+
+  if (tagName === 'input') {
+    const el = element as HTMLInputElement
+    return !NON_TYPABLE_INPUT_TYPES.has((el.type || '').toLowerCase())
+  }
+
+  if (tagName === 'select') {
+    return true
+  }
+
+  return false
 }
 
 export const useShortcut = (
@@ -43,17 +90,24 @@ export const useShortcut = (
   useHotkeys(
     shortcutConfig?.enabled ? formatShortcut(shortcutConfig.shortcut) : 'none',
     (e) => {
+      const activeElement = document.activeElement
+      const typingActive =
+        !options.allowWhenTyping && isTypingInput(activeElement) && e.key !== 'Escape'
+
+      if (options.enabled === false || typingActive) {
+        return
+      }
+
       if (options.preventDefault) {
         e.preventDefault()
       }
-      if (options.enabled !== false) {
-        callback(e)
-      }
+
+      callback(e)
     },
     {
       enableOnFormTags: options.enableOnFormTags,
       description: options.description || shortcutConfig?.key,
-      enabled: !!shortcutConfig?.enabled
+      enabled: options.enabled !== false && !!shortcutConfig?.enabled
     }
   )
 }

src/renderer/src/pages/player/PlayerPage.tsx

@@ -12,6 +12,7 @@ import { PlayerSettingsService } from '@renderer/services/PlayerSettingsLoader'
 import { playerSettingsPersistenceService } from '@renderer/services/PlayerSettingsSaver'
 import { usePlayerStore } from '@renderer/state'
 import { usePlayerSessionStore } from '@renderer/state/stores/player-session.store'
+import { usePlayerUIStore } from '@renderer/state/stores/player-ui.store'
 import { IpcChannel } from '@shared/IpcChannel'
 import { Layout, Tooltip } from 'antd'
 
@@ -24,7 +25,7 @@ import {
   FONT_SIZES,
   SPACING
 } from '@renderer/infrastructure/styles/theme'
-import { ArrowLeft, PanelRightClose, PanelRightOpen } from 'lucide-react'
+import { ArrowLeft, PanelRightClose, PanelRightOpen, Search } from 'lucide-react'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNavigate, useParams } from 'react-router-dom'
@@ -93,6 +94,7 @@ function PlayerPage() {
 
   const { t } = useTranslation()
   const { subtitlePanelVisible, toggleSubtitlePanel } = usePlayerStore()
+  const toggleSubtitleSearch = usePlayerUIStore((s) => s.toggleSubtitleSearch)
 
   const [videoData, setVideoData] = useState<VideoData | null>(null)
   const [loading, setLoading] = useState(true)
@@ -600,8 +602,14 @@ function PlayerPage() {
             <NavTitle title={videoData.title}>{videoData.title}</NavTitle>
           </NavbarCenter>
           <NavbarRight>
+            <Tooltip title={t('player.subtitles.search')} mouseEnterDelay={0.8}>
+              <NavbarIcon onClick={toggleSubtitleSearch}>
+                <Search size={18} />
+              </NavbarIcon>
+            </Tooltip>
             <Tooltip
               title={subtitlePanelVisible ? t('player.subtitles.hide') : t('player.subtitles.show')}
+              mouseEnterDelay={0.8}
             >
               <NavbarIcon onClick={toggleSubtitlePanel}>
                 {subtitlePanelVisible ? (