Video2Frame 使用教程

本教程将带你完整走一遍 Video2Frame 视频拆帧工具的操作流程。无论你是视频创作者、动画爱好者还是开发测试人员，按照以下步骤即可轻松将视频画面逐帧提取为高清 JPG 图片。

打开 Video2Frame 首页，在「上传待处理视频」卡片中，有两种方式上传视频：

方式一：拖拽上传

直接将视频文件从文件夹拖拽到虚线框区域内。拖入时边框会变蓝高亮，松开鼠标即自动加载。

方式二：点击选择

点击虚线框区域任意位置，会弹出系统文件选择对话框，选择目标视频文件后确认。

支持的格式

• MP4（H.264 编码）：兼容性最佳，强烈推荐。
• WebM：Chrome、Firefox 等现代浏览器原生支持。
• MOV：部分浏览器支持，建议转码为 MP4。
• OGG：老牌开放格式，兼容性一般。

上传成功后，日志区会显示视频文件名、大小，并自动解析出视频总时长与原生分辨率。若提示「视频加载失败」，说明当前浏览器不支持该视频编码，请尝试更换浏览器或转换视频格式。

在「拆帧参数配置」卡片中，有三组可选项。你可以全部保持默认直接开始，也可按需精细调整。

1. 输出帧率控制

勾选「启用输出帧率控制」后，拖动滑块在 1~60 帧/秒间选择。不勾选时默认按 30fps 提取。

• 想逐帧分析运动细节 → 选 30~60 fps
• 想快速浏览画面摘要 → 选 1~5 fps

2. 时间段裁剪

勾选「启用时间段裁剪」后，填写起始秒数与结束秒数。上传视频后结束时间会自动填充为总时长。

例如：只需第 2 分钟到第 3 分钟的画面，填入 start=120、end=180。

3. 输出文件夹名称

设置帧图的命名前缀，默认 video_frames。生成的帧图将命名为 video_frames_frame_000000.jpg。可改为项目名称便于管理，如 demo_video。

参数配置完成后，点击蓝色按钮「▶ gene_frame 开始拆帧处理」启动任务。

处理过程

1. 工具将视频逐帧跳转到指定时间点。
2. 在 Canvas 画布上绘制当前画面（原生尺寸）。
3. 导出为 JPG Blob（quality=1.0 无损）并存入内存。
4. 进度条实时更新，日志区输出每一帧的文件名与时间点位。

进度查看

在「拆帧实时进度」卡片中，进度条与文字提示会实时显示「已处理 X/Y 帧，整体进度 Z%」。处理期间请勿关闭或刷新页面。

处理速度取决于视频时长、帧率设置与本地设备性能。长视频建议配合时段裁剪以提升效率。

拆帧完成后，「📦 打包下载 ZIP 压缩包」按钮变为可点击状态。点击后：

1. 工具调用 JSZip 将所有帧图打包为单个 ZIP 文件。
2. 浏览器自动触发下载，文件名为 video_frames_output.zip。
3. 解压后即可获得全部按序号命名的 JPG 帧图。

连续处理多个视频

若需处理下一个视频，点击「清空输出缓存」重置状态，然后重新上传新视频即可。缓存的帧图会被清空释放内存。

技巧一：分段拆帧长视频

对于 30 分钟以上的长视频，一次性拆帧会生成海量图片且耗时较长。建议用时段裁剪分段处理，每段 5~10 分钟，分别打包下载。

技巧二：低帧率快速预览

不确定视频中哪段画面有价值时，先用 1fps 低帧率全片拆帧，快速浏览摘要图定位关键区间，再用高帧率精细拆帧该区间。

技巧三：规范命名便于管理

每次拆帧时将输出文件夹名称设为「项目名_日期」，如 product_demo_20260810，便于后期多项目素材归档检索。