video

動画コンタクトシート

動画から代表フレームを均等に取り出し、1枚のコンタクトシート画像にまとめます。

ローカル処理

ファイルについてこのツールで選択したファイルや入力内容は、Browser Kittyのバックエンドへアップロードせずブラウザ内で処理します。

このツールについて

動画コンタクトシートは、動画全体から12枚・24枚・48枚のフレームを均等に取り出し、1枚の一覧画像へまとめるツールです。長い動画を最初から最後までシークし続けなくても、場面の流れや内容をひと目で把握できます。

フレーム取得には内包したFFmpeg WebAssemblyを使い、動画全体を先頭から順番にデコードするのではなく、必要な位置へシークして代表フレームを取得します。選択した動画はBrowser Kittyのサーバーへアップロードしません。

このツールで利用できる主な機能です。

フレーム数: 12枚（4×3）/ 24枚（6×4）/ 48枚（8×6）
主なコンテナ: MP4 / MOV / MKV / WebM / AVI / MPEG-TSなど
主な映像コーデック: H.264 / HEVC・H.265 / VP8 / VP9 / AV1 / MPEG-4 / MJPEG / ProResなど、内包FFmpeg profileで対応する形式
出力: PNG / JPEG。各コマへの時刻表示と保存前の全画面拡大確認に対応

動画はサーバーへアップロードされますか？

いいえ。動画の読み込み、FFmpegによるフレーム取得、画像生成、保存までブラウザ内で処理します。

12枚・24枚・48枚のどれがおすすめですか？

まず全体を把握するなら12枚、通常は24枚、長時間動画を細かく追いたい場合は48枚が目安です。枚数を増やすほど1コマは小さくなります。

動画のサムネイルが表示されなくても使えますか？

はい。動画選択時の小さなサムネイルはブラウザ標準機能による補助表示です。ブラウザで直接再生できない形式でも、内包FFmpegが対応していればコンタクトシートを生成できる場合があります。

生成画像に動画の時刻を入れられますか？

はい。各コマに元動画の時刻を表示でき、後から目的の場面を動画内で探す目安にできます。

FFmpeg JavaScript / WebAssemblyを内包した video-contact-sheet.html 単体で動作します。保存したHTMLを対応ブラウザで開けば、動画を外部へ送信せずオフラインでも利用できます。