视频抽帧预览与时间轴标注工作台
把本地视频拖进浏览器即可抽帧预览、打标注、导出片段清单,并一键导出可直接打开的交付 HTML。
提示词 (Prompts):
Prompt:
你是一名资深全栈工程师。请用中文输出一个“可运行/可构建/可部署”的在线工具项目:视频抽帧预览与时间轴标注工作台。
硬性目标:
- 工具运行在浏览器(本地即可),支持拖拽/选择本地视频文件,不上传服务器。
- 支持按时间间隔抽帧预览(抽取现有帧,不是生成图片),可在时间轴上添加标注(文字、标签、时间点、颜色)。
- 允许导出/导入标注 JSON。
- 新增硬约束:必须提供“导出 HTML”按钮,一键生成一个可直接打开的单文件 HTML(包含当前标注数据与必要脚本/样式;如需外部依赖请改为内联或提供离线方案),用于直接预览与交付。
技术栈约束:
- 使用 Vite + Type + React(或 Vue3 也可,但请选定一种并保持一致)。
- 视频解码与抽帧优先使用原生
主要用途:
- 快速抽帧预览:按固定间隔或指定时间点抓取视频现有帧。
- 时间轴标注:把审片意见沉淀为可复用的结构化数据。
- 交付即打开:一键导出单文件 HTML,发给同事/客户可直接打开查看。
关键帧检测与片段切分清单生成器
面向审片与剪辑沟通,生成“片段切分建议 + 备注”的清单,并支持一键导出 HTML 报告。
提示词 (Prompts):
Prompt:
请用中文生成一个在线工具项目:关键帧检测与片段切分清单生成器。
功能要求:
- 输入:本地视频文件(不上传)。
- 处理:
- 提供两种策略:基于画面变化的轻量检测(Canvas 计算帧差异)与基于音量峰值的辅助检测(WebAudio 分析)。
- 输出候选关键点列表(时间戳、置信度、缩略预览)。
- 产出:
- 用户可把候选点合并为“片段”(起止时间),为每段添加备注与标签。
- 一键导出:JSON(机器可读)与 HTML(单文件可离线打开,包含片段表格+缩略图 dataURL)。
交付物:
- 完整源码 + 文件树 + 运行/构建/部署命令。
- 至少 8 条 QA 清单(含:不同分辨率、VFR 视频、音频缺失、导出HTML体积控制等)。
主要用途:
- 把“剪辑建议”从口头描述变成可追踪的时间戳与片段清单。
- 自动给出候选关键点,减少人工拖时间轴的成本。
- 导出 HTML 报告用于审阅与归档。
字幕对齐与时间轴校准工作台(仅处理文本与时间码)
对已有字幕文件进行时间轴校准与对齐,不生成任何配图;支持导出 HTML 预览页用于交付。
提示词 (Prompts):
Prompt:
请用中文生成一个在线工具:字幕对齐与时间轴校准工作台。
输入:
- SRT / VTT 文本(粘贴或上传本地文件)。
- 可选:视频文件仅用于预览播放与时间参考(不上传)。
能力:
- 批量平移:整体 +X / -X 秒。
- 速度校准:按起止锚点做线性拉伸(解决字幕整体漂移)。
- 合并/拆分:把过长字幕拆行,把连续短字幕合并。
- 预览:与视频同步滚动显示,支持快进/回放定位。
- 一键导出 HTML:生成单文件 HTML,内嵌字幕与预览脚本(离线可打开),用于交付给审阅方。
交付物与输出:
- 完整项目源码(建议使用纯前端即可)。
- 文件树、运行命令、部署说明。
- 不少于 10 条 QA 清单(包含:编码、换行、时间码格式、空行、导出 HTML 兼容性)。
主要用途:
- 字幕时间轴校准:快速解决整体提前/延后与漂移问题。
- 交付可审阅:HTML 预览页直接打开即可检查字幕效果。
- 规范化输出:导出干净的 SRT/VTT 与变更日志。
视频片段清单与批处理命令生成器(FFmpeg 命令导向)
根据时间点/片段清单生成可执行的批处理命令与交付 HTML 报告,方便团队协作。
提示词 (Prompts):
Prompt:
请用中文生成一个在线工具项目:视频片段清单与批处理命令生成器。
核心:
- 用户输入:视频文件名(仅作为标识,不需要读取文件)、以及多个片段(起止时间、输出文件名、备注、标签)。
- 工具自动生成:
- Windows/macOS/Linux 三套 FFmpeg 命令模板(仅文本输出),支持复制。
- 可选生成 .bat/.sh 内容(以文本形式展示)。
- 必须提供“一键导出 HTML”:生成单文件 HTML,包含片段表格、命令块、注意事项与参数说明。
限制:
- 不调用任何云服务。
- 不包含任何“生成图片/渲染图”相关功能描述。
交付物:
- 完整源码、文件树、运行/构建/部署步骤。
- QA checklist(至少 8 条,覆盖:时间码格式校验、非法字符、命令转义、HTML 导出可用性)。
主要用途:
- 把审片结果转换为可执行的切片命令,减少沟通成本。
- 统一多平台命令模板,避免参数写错。
- HTML 报告可直接交付与归档。
镜头备注与素材管理面板(标签化检索)
围绕视频项目做素材备注、标签与检索,支持导出单文件 HTML 项目面板。
提示词 (Prompts):
Prompt:
请用中文生成一个在线工具:镜头备注与素材管理面板。
输入与数据:
- 允许导入一个项目 JSON(包含:视频条目、镜头时间点、备注、标签、负责人、状态)。
- 支持在页面内新增/编辑/删除条目。
功能:
- 多条件过滤:标签、负责人、状态、时间范围。
- 统计视图:按标签/负责人聚合数量与待办。
- 一键导出 HTML:把当前项目数据打包进单文件 HTML(离线可打开继续浏览),作为交付与备份。
交付物:
- 纯前端项目源码(或 Node + 静态也可)。
- 文件树、运行/构建命令、静态部署说明。
- 不少于 8 条 QA(含:大数据量、导入异常、字段缺失、导出HTML数据一致性)。
主要用途:
- 镜头级管理:用结构化数据承载审片意见与进度。
- 快速检索与统计:减少在表格里来回翻找。
- HTML 离线交付:不依赖账号与系统,打开即可查看。
视频元数据与编码信息检查器(只读分析)
读取视频的基础元数据并生成诊断报告,不生成图片;支持导出 HTML 诊断页便于共享。
提示词 (Prompts):
Prompt:
请用中文生成一个在线工具:视频元数据与编码信息检查器。
要求:
- 用户选择本地视频文件后,在浏览器内解析:时长、分辨率、帧率(估算/读取)、编码提示、音轨信息(如可得)、文件大小。
- 如果浏览器原生无法读取完整编码信息,可以提供可选方案:ffprobe.wasm(说明体积与加载策略),并提供降级为“基础信息 + 采样估算”。
- 输出一个“诊断报告”视图,包含可复制的结论与建议。
- 必须实现“一键导出 HTML”:单文件 HTML 内嵌诊断结果与必要样式,离线可打开。
交付物:
- 完整源码、文件树、运行/构建/部署。
- QA checklist(至少 10 条,含:超大文件、移动端兼容、加载失败提示、导出HTML包含全部结论)。
主要用途:
- 快速了解素材基本参数,辅助剪辑与转码决策。
- 把诊断结论固化为可分享的 HTML 报告。
- 不依赖服务器,保护素材隐私。
审片问题单生成器(从标注到工单文本)
把时间轴标注自动整理为问题单文本,并导出 HTML 版问题单用于交付。
提示词 (Prompts):
Prompt:
请用中文生成一个在线工具:审片问题单生成器。
输入:
- 标注 JSON(字段至少包含:时间点、问题类型、严重级别、描述、建议修改、负责人、状态)。
输出:
- 自动生成“问题单列表”与“可复制的工单文本模板”(例如适配 Jira/飞书/Notion 的纯文本)。
- 支持筛选与导出:
- 导出 JSON
- 导出 HTML(单文件,离线可打开,包含筛选后的结果与统计摘要)
交付物:
- 完整源码、文件树、运行/构建/部署。
- QA checklist(不少于 8 条,含:字段缺失、中文标点、导出HTML编码、复制格式一致性)。
主要用途:
- 把审片标注变成可执行的任务清单与工单。
- HTML 交付便于外部协作方查看与确认。
- 统一问题描述格式,提高沟通效率。
离线交付包生成器(单文件 HTML 归档)
把“片段清单 + 标注 + 字幕 + 诊断报告”等数据合并成一个单文件 HTML 归档,便于交付与留存。
提示词 (Prompts):
Prompt:
请用中文生成一个在线工具:离线交付包生成器(单文件 HTML 归档)。
目标:
- 用户导入多个 JSON/SRT/VTT(例如:片段清单、时间轴标注、问题单、诊断信息)。
- 工具将其合并为一个可搜索、可折叠、可导出的交付页面。
- 必须实现“一键导出 HTML”:导出一个单文件 HTML,内嵌所有数据与渲染脚本,离线可打开。
实现建议:
- 使用纯前端(React/Vue/原生均可),使用客户端渲染。
- 提供目录导航、全文搜索、打印样式。
交付物:
- 完整源码 + 文件树 + 运行/构建/部署。
- QA checklist(至少 10 条,含:大数据量性能、搜索正确性、导出HTML大小提示、离线打开不报错)。
主要用途:
- 把多个审片产物汇总成一个可交付的离线页面。
- 统一归档格式,方便复盘与版本留存。
- 无需账号与网络,打开即可查阅。