视频帧提取器

视频是按特定速率（通常 24、30 或 60 fps）显示的静止图像（帧）序列。帧提取是选择这些静止图像中的一帧或多帧并将其保存为独立图像文件的过程。浏览器的 HTML5 video 元素可以查找任何时间戳，Canvas API 可以通过用 ctx.drawImage(videoElement, 0, 0) 将视频元素绘制到画布来捕获当前视频帧。然后使用 toBlob() 或 toDataURL() 将画布导出为 PNG 或 JPEG。

对于单帧提取，过程很简单：将 video.currentTime 设置为所需时间戳，等待 seeked 事件，将视频绘制到画布并导出。对于间隔提取（例如每 5 秒），工具查找每个间隔，捕获帧并继续。对于完整提取（所有帧），工具以正常速度（或使用 playbackRate 更快）播放视频并在每个 requestAnimationFrame 回调上捕获帧——这是必要的，因为视频元素只在播放或查找期间解码帧，而不是按需解码。

帧提取质量取决于视频的分辨率和编解码器。1080p (1920×1080) H.264 视频每帧产生 200 万像素图像——适合大多数用途。4K (3840×2160) 视频产生 800 万像素图像。捕获的帧始终为视频的原生分辨率。对于 JPEG 导出，使用 90-95% 质量以平衡文件大小和视觉质量。对于 PNG，帧是无损的但更大。

帧提取用于视频制作中创建缩略图、故事板和联系表。YouTube 和视频平台自动提取视频中点的一帧作为缩略图——使用此工具，您可以手动选择更好的帧。对于文档和教程，提取显示每个步骤的关键帧创建比浏览视频更易跟随的视觉指南。对于分析（体育训练、科学研究），逐帧提取允许详细研究运动和技术。

要从视频创建动画 GIF，以降低的帧率（10-15 fps）提取帧并在 GIF 编码器中组合。保持帧尺寸小（320×240 或更小）以保持 GIF 文件大小可管理。对于定格动画分析，提取每一帧并比较连续帧以识别运动模式。要从长视频创建延时图像，每分钟提取一帧并组合成单个合成图像。