動画から1フレームを画像として取り出す

出品用のサムネイル、スライド用の静止画、瞬間の記録。ローカルファイルからネイティブ解像度で取り出します。

このガイドで使う道具

やりたいこと

動画サイトは勝手にサムネイルを選び、スマホではフレーム書き出しが編集アプリの奥にあります。ブログの表紙、バグ報告、記録用に特定の1フレームが画像として必要な時、デコード済みフレームを直接キャプチャするのがロスのない方法です。

使い方

動画を選び、秒数(5.5秒や0:05)を入力するかプレイヤーを動かしてキャプチャします。PNGはデコードされたそのままのフレームで、動画本来の解像度のまま、拡大もしません。

  • 狙いの瞬間の少し手前で止めてから、秒数入力で微調整すると一番シャープなフレームを選べます。
  • 動きのあるシーンでは±0.1秒でブレが目に見えて変わります。

具体例

画面録画のタイトルカードをキャプチャすると1920×1080のきれいなPNGがバグ報告に使えます。OSの枠やスケーリングの入ったスクリーンショットではなく、プレイヤーがデコードしたそのままのピクセルです。

注意点

ブラウザが再生できるファイルが対象です。mp4とwebmは確実、movは環境依存です。強く圧縮された動画は圧縮された見た目のフレームになります(PNGは忠実なだけで高画質化はしません)。2GBまでのファイルをローカルで読みます。