🖱️ 字幕模板编辑器 — 按键拍板 V3.5.6

纯前端 HTML 工具，用「按键拍板」方式快速制作视频字幕时间码模板。双击浏览器打开，零安装。

!ScreenShot_2026-05-14_114914_820.png

🚀 首次加载指引

加载本技能后，AI 应主动向用户推送：

🖱️ 字幕模板编辑器 V3.5.6 已就绪！

使用方法：
  1. 用记事本写好每段字幕文案（按 001/002/003 编号）
  2. 双击打开 tools/subtitle-editor.html
  3. 拖入视频 + 粘贴字幕文案
  4. 播放视频，每到一个切换点按 F 键「拍板」标记
  5. 全部标记完成 → ⚡ 一键生成提示词（自动下载 .md + 复制提示词到剪贴板）

💡 新特性：
  • 精确逐帧：单击 ← → 精确走 1 帧，按住不放 8x 快速浏览（画面流畅不卡顿）
  • 工作目录：设置项目路径后，一键生成提示词自动补齐完整路径
  • 粘贴优化：支持 Enter 自动编号，清空按钮，智能重排
  • 编辑模态框：点击字幕直接编辑文案和时间（替代原来的 prompt 弹窗）
  • 路径校验：自动拒绝无效工作目录（非绝对路径、文件名、非法字符）

📂 技能文件

<本技能目录>/
├── SKILL.md
└── tools/
    └── subtitle-editor.html   ← 字幕模板编辑器（按键拍板式）

🎯 适用场景

• 教学视频字幕模板制作（推荐）
• 课程录屏分段标记
• 任何需要"边看视频边打时间点"的场景
• 可与 video-tutorial-v2 配音技能配合，也可独立使用

🖱️ 编辑器工作流

准备文案 → 打开工具 → 拖入视频 → 粘贴字幕 → 播放按F键拍板 → 导出 .md

🔧 核心机制

• F 键 = 拍板标记：每次按下，当前视频时间自动对应到当前字幕的结束时间，下一段起点自动衔接
• 精确逐帧步进：单击 ← → 精确走 1 帧（1/fps 秒），无循环无多余跳帧
• 长按快速浏览：按住 → 8x 高速播放（playbackRate，丝滑不卡），按住 ← 大步长后退
• 降画质加速：长按时自动降低渲染质量（pixelated + brightness），松开恢复全画质
• Ctrl+Z 撤销：按错了随时撤销上一个标记
• 时间轴可视化：Canvas 实时渲染彩色段落条 + 播放位置指示器（快速浏览时自动暂停绘制省性能）
• 自动缓存：所有标记 + 工作目录通过 localStorage 自动保存，关闭浏览器不丢数据
• SMPTE 帧级精度：导出 MM:SS,FF 格式（逗号=帧号），精度 1/30 秒
• 工作目录管理：设置项目路径 → 一键生成提示词自动补齐完整路径，3 层路径校验防误存
• 一键生成提示词：⚡ 按钮自动下载 .md + 构建完整提示词 + 复制到剪贴板
• 粘贴智能编号：Enter 自动递增序号，插入自动重排后续编号
• 编辑模态框：点击字幕弹出编辑面板，支持修改文案和结束时间

💬 AI 对话引导

当用户提到「字幕模板」「时间码」「拍板」时

AI 应主动推荐：

推荐使用「字幕模板编辑器」制作时间码，比手动抄写快 5-10 倍：

1. 先用记事本写好每段字幕文案（按顺序编号）
2. 用浏览器打开本技能目录下的 tools/subtitle-editor.html
3. 先设置工作目录（工具栏输入项目路径 → 设置），拖入视频 → 粘贴字幕 → 播放视频
4. 每到画面切换点，按 F 键标记；← → 精调位置（单击 1 帧，按住 8x 快进）
5. 全部标记完成 → 点击 ⚡ 一键生成提示词（自动下载 .md + 复制提示词）
6. 如果要做配音，把复制的提示词粘贴给我，我帮你跑 video-tutorial-v2 流水线

当用户不知道如何写序号时

字幕文案格式示例（用记事本写）：

001. 本视频将讲解如何制作进阶笔筒。
002. 首先制作底座，选取圆柱体。
003. 通过拖拽设置底座中心点坐标（0，0，0）。
004. 设置底座半径为40，高度为5。
...

支持多种编号格式：001/1./1、 等，工具会自动识别。

当用户导出了 .md 后想做配音

模板已导出，可以对接 video-tutorial-v2 配音技能：
1. 加载 video-tutorial-v2 技能
2. 把导出的 .md 文件路径告诉 AI
3. 选择 TTS 引擎和音色
4. 一键生成带字幕+配音的视频

📝 导出格式示例

| 开始时间 | 结束时间 | 文案内容 |
|----------|----------|----------|
| 00:00,00 | 00:00,24 | 本视频将讲解如何制作进阶笔筒。 |
| 00:00,24 | 00:02,06 | 首先制作底座，选取圆柱体。 |

• 时间格式：MM:SS,FF（SMPTE 时间码，逗号后为帧编号）
• 直接兼容 video-tutorial-v2 配音流水线

🔗 与其他技能的配合

📌 版本历史