← 返回博客列表

视频怎么本地截帧?批量间隔与格式建议

介绍用浏览器 video + Canvas 做视频截图、批量间隔选择、PNG/JPG 取舍,以及 TwoThink 视频截图工具的用法与限制。

做教程封面、核对字幕或挑表情包素材时,经常需要从视频里「抠几帧」。不必上传到截图网站——浏览器就能做。

原理很简单

本地上传 MP4 / WebM 后,用 <video> 定位时间,再用 Canvas drawImage 导出 PNG 或 JPG。TwoThink 视频截图 走这条路径,不加载 ffmpeg,首屏更轻。

手动还是批量?

  • 手动:拖进度条到关键画面,点「截图当前帧」
  • 批量:按 1 / 2 / 5 / 10 秒间隔串行截取(避免 seek 打架)

批量时建议先用「视频裁剪」去掉片头片尾,再截,数量更可控。

格式与尺寸

  • 要清晰留底:选 PNG
  • 要省体积发聊天:选 JPG,质量 0.9 通常够用
  • 仅预览分享:可缩到宽 720 / 480

已知限制(诚实说)

  • 只支持本机上传,外链视频会触发跨域 Canvas 污染
  • currentTime seek 不是精确到帧,可能有细微偏差
  • 个别编码 seek 后偶发黑帧,工具会自动重试一次

需要动图请用 视频转 GIF,需要拼成长图请用 视频转长图。