定位需求:把一段视频变成可交付的 HTML 审片包
这一类在线工具的核心是“看得快、记得准、交付稳”:上传或读取本地视频后,按时间间隔抽帧或按关键帧抽取缩略图;在时间轴上做标注(问题类型、备注、截图来源时间点);最后一键导出一个可离线打开的 HTML 包(含 index.html 与所需资源),把审片记录交付给同事或客户。
下面每条都是可直接复制给 AI 的中文 Prompt,要求它输出可运行/可部署的在线工具完整实现,并明确:文件结构 + 源码 + 运行命令 + 部署步骤 + 测试用例或 QA checklist + 一键导出 HTML 的实现。
在线视频抽帧与标注工具(纯前端,本地处理)
适合:不想把视频上传到服务器;在浏览器本地完成抽帧与标注。
中文 Prompt:
请用中文完成:生成一个“在线视频抽帧与标注”在线工具的完整项目代码。要求:
1) 技术栈:Vite + React + Type (或同等前端栈),页面为单页应用。
2) 功能:用户选择本地视频文件后,在浏览器本地解码并按固定间隔(如每1秒/2秒/自定义)抽取帧缩略图;展示时间轴与缩略图列表;点击任意帧可跳转到对应时间点预览。
3) 标注:允许在任意时间点添加标注(问题类型下拉、严重级别、备注文本);标注与时间点绑定;支持导入/导出 JSON(用于复用审片记录)。
4) 一键输出 HTML:必须提供“导出审片包”按钮,一键生成一个最小可运行包:包含 index.html、内联或打包后的 JS/CSS、以及必要的标注数据与缩略图资源;导出后的 index.html 双击即可打开查看(无需服务器)。请说明导出实现(例如使用 JSZip 在前端打包,或生成单文件 HTML 并将缩略图转为 data URL)。
5) 交付物:输出清晰的文件树、每个关键文件的完整源码、安装与运行命令、生产构建命令。
6) 部署:给出静态站点部署说明(如 Nginx / Vercel / 任意静态托管)。
7) 测试:提供至少 8 条 QA checklist(覆盖抽帧准确性、时间点跳转、标注增删改、导出包可离线打开、数据一致性、性能与大文件提示)。
限制:不允许任何“生成图片/渲染图/海报/插画”类功能;抽帧仅提取视频现有帧。
中文释义: 在浏览器本地完成抽帧与审片标注,导出可离线打开的 HTML 审片包,适合对隐私视频做快速复核与交付。
在线视频抽帧与关键帧采样(支持两种采样策略)
适合:同时满足“按时间间隔”与“按变化程度”抽帧的需求。
中文 Prompt:
请用中文生成一个在线工具:输入本地视频后,支持两种抽帧策略:
A) 固定间隔抽帧(用户可选 0.5s/1s/2s/5s);
B) 变化检测抽帧(根据相邻帧像素差异/直方图差异阈值,抽取“变化明显”的帧)。
要求输出:完整项目代码(前端为主,可选 Web Worker 优化)、文件树、运行与构建命令、部署说明。
必须包含:时间轴预览、抽帧结果网格、点击帧定位视频时间、标注功能(问题类型+备注),以及“一键输出 HTML 审片包”功能(离线可打开)。
请详细说明变化检测算法与性能策略(例如缩放采样、分块比较、节流、Worker)。
最后给出至少 8 条测试用例/QA 清单。
限制:不做任何生成图片/渲染图功能,抽帧仅提取现有视频帧。
中文释义: 用两种策略提高抽帧效率,既能稳定覆盖全片,也能快速定位变化段落,最后把结果打包成可交付的 HTML。
在线视频片段定位与问题清单导出(按标注生成目录)
适合:审片后要形成“问题目录”,按时间点分组跳转。
中文 Prompt:
请用中文生成一个“在线视频审片问题清单”在线工具。要求:
- 用户导入视频后,可在播放过程中一键打点(记录当前时间点)并填写问题(类型、负责人、备注、是否阻塞)。
- 自动生成“问题目录”:按问题类型分组、按时间排序;点击目录项可跳转到对应时间点播放。
- 支持导出:1) JSON(原始数据),2) CSV(给表格协作),3) 一键输出 HTML 离线审片包(包含目录、视频占位提示、缩略图或时间点信息、问题详情)。
- 如果离线包不能内嵌大视频,请给出两种导出模式:a) 仅导出 HTML+数据(视频由用户同目录放置并提示文件名),b) 小视频可选择性打包进 zip。
- 输出完整项目代码、文件树、运行命令、部署说明、至少 10 条 QA checklist。
限制:不生成任何新图片;缩略图只来自抽帧。
中文释义: 把审片过程变成结构化问题清单,导出离线 HTML 包后可直接交付并跳转复核。
视频在线抽帧对比(前后两版视频差异复核)
适合:同一条视频迭代后,快速对比关键时间点的差异。
中文 Prompt:
请用中文生成一个在线工具:导入“版本A视频”和“版本B视频”,按相同时间点抽帧并生成对比视图。
功能要求:
- 时间点选择:固定间隔或用户自定义时间点列表;
- 对比视图:左右并排帧图 + 时间戳;支持一键标注“差异点”(严重级别、备注);
- 统计:差异点数量、按类型汇总;
- 一键输出 HTML:导出离线可打开的 HTML 对比报告(含对比帧、差异清单、快速跳转目录)。
交付要求:输出完整项目代码、文件树、运行/构建命令、部署说明、至少 8 条测试/QA。
限制:不涉及生成图片或渲染图;所有帧来自两段视频抽取。
中文释义: 面向“改完没?”的复核场景,把两版视频按同一时间点抽帧并导出对比 HTML 报告。
视频抽帧批处理(拖拽多个视频生成多份HTML报告)
适合:一次性要处理多条素材视频,统一交付审片结果。
中文 Prompt:
请用中文生成一个“视频抽帧批处理”在线工具。要求:
- 支持拖拽导入多个视频文件,逐个处理并显示队列进度;
- 每个视频可设置抽帧间隔与输出尺寸;
- 每个视频生成独立的审片报告页面(HTML),并在总览页列出所有视频报告链接;
- 一键输出:导出一个 zip 包,包含总览 index.html、每个视频的报告页面、抽帧缩略图资源、以及元数据 JSON。
- 提供失败重试、取消、以及大文件性能提示(如内存占用、并发限制)。
- 输出完整项目代码、文件树、运行/构建命令、部署说明、至少 10 条 QA checklist。
限制:抽帧只提取现有帧,不做任何图像生成。
中文释义: 把多视频处理流程标准化,最终一键导出“总览+多报告”的离线 HTML 交付包。
视频时间码转字幕/标注(并导出HTML可点击字幕页)
适合:把口播/访谈类素材按时间码生成可点击的文本审阅页。
中文 Prompt:
请用中文生成一个在线工具:用户导入视频后,可导入或粘贴时间码文本(例如 00:01:12.500 这类格式)与对应内容,生成可点击的“字幕/标注列表”。
要求:
- 支持多种时间码格式解析与纠错提示;
- 点击任意条目跳转到视频对应时间;
- 可对条目添加标签与备注;
- 一键输出 HTML:导出离线可打开的 HTML 审阅页(包含可点击目录、条目详情、导出的 JSON 备份)。
- 输出完整项目代码、文件树、运行/构建命令、部署说明、至少 8 条 QA checklist。
限制:不生成图片;可选抽帧缩略图仅来自视频提取。
中文释义: 用时间码把文本审阅与视频定位绑定,导出 HTML 后可离线复核与交付。
视频技术参数检查与HTML报告(码率、分辨率、时长)
适合:交付前做“规格合规”检查,并形成可追溯报告。
中文 Prompt:
请用中文生成一个在线工具:导入视频后,读取并展示技术参数(分辨率、帧率、码率、编码格式、音轨信息、时长),并支持配置“合规规则”(例如分辨率必须>=1080p,码率范围,帧率必须为25/30等)。
要求:
- 在浏览器端尽量完成参数解析(可使用合适的开源库/方案);
- 输出“检查结果”:通过/警告/失败,并列出原因;
- 一键输出 HTML:导出离线 HTML 检查报告(包含参数表格、规则配置、结果与时间戳)。
- 输出完整项目代码、文件树、运行/构建命令、部署说明、至少 10 条测试/QA(覆盖不同编码、无音轨、异常文件等)。
限制:不生成图片;如需要封面帧仅可从视频抽帧获取。
中文释义: 把视频“技术规格”检查变成可交付报告,方便团队对照标准快速验收。
视频抽帧 + 画面问题标记(仅标记,不生成新画面)
适合:记录模糊、抖动、黑屏、字幕遮挡等问题,并按时间点追踪。
中文 Prompt:
请用中文生成一个在线工具:导入视频后按间隔抽帧,用户可在每帧上添加“问题标记”(例如模糊/黑屏/抖动/遮挡/色偏),并可选在帧图上画矩形框作为标注区域。
要求:
- 框选标注只是在现有抽帧图上叠加矢量框,不生成新图片;
- 每个标注必须关联时间点、问题类型、备注;
- 提供筛选(按问题类型/严重级别);
- 一键输出 HTML:导出离线 HTML 审片包,打开即可查看抽帧、标记框、问题清单与跳转。
- 输出完整项目代码、文件树、运行/构建命令、部署说明、至少 10 条 QA checklist。
限制:不允许任何生成图片/渲染图功能,所有视觉内容来自视频抽帧与矢量叠加。
中文释义: 把画面问题结构化记录下来,导出 HTML 后便于复核与返工沟通。
视频抽帧与审片包一键部署(含本地与线上两种模式)
适合:同一套工具既能本地运行,也能部署到服务器供团队协作。
中文 Prompt:
请用中文生成一个“视频抽帧与审片包”在线工具的全栈项目:
- 前端:上传视频、抽帧、时间轴、标注、问题目录;
- 后端:提供可选的服务器端抽帧接口(用于低性能设备),并保存审片记录;
- 必须同时支持两种模式:A) 纯前端本地处理模式(不上传视频),B) 服务器协作模式(上传或仅上传抽帧结果与标注数据)。
- 一键输出 HTML:无论哪种模式,都要能生成离线 HTML 审片包(index.html 可直接打开),并解释如何把资源打包。
- 输出:完整文件树、前后端全部源码、数据库/存储方案(可用本地文件或轻量数据库)、运行命令、部署步骤(含环境变量示例)、至少 12 条测试/QA 清单(含权限与异常流程)。
限制:不生成图片/渲染图;抽帧仅提取现有视频帧。
中文释义: 兼顾个人与团队协作的审片工具方案,最终仍以“一键导出 HTML 审片包”作为标准交付形式。