操作方法
- 動画を選択：
ファイルでローカルの動画（video/*）を指定。 - タイムスタンプ入力：
0, 3.5, 10, 25のように秒でカンマ区切り入力（空欄は0扱い）。 - 抽出を実行：抽出ボタンを押す。抽出中は順番にサムネイルが生成されます。
- 結果の確認/保存：各タイムスタンプごとにPNG画像とダウンロードボタンが並びます（
thumb-<秒数>.png）。
成果物（得られるもの）
- 入力した各時刻のフレームをPNGサムネイルとして一括生成・個別ダウンロード
- メタ情報表示：動画の解像度と長さ（秒）
- ブラウザ内でのプレビュー付きグリッド表示
注意点
- ブラウザ内のみで完結：ファイルはアップロードされません（
canvasでキャプチャ）。 - 最大出力幅：内部で最大1280pxに縮小（縦横比維持）。原寸が必要ならコード内
capture()のmaxWを調整。 - シーク精度：キーフレーム間では指定秒に完全一致しない場合があります（動画コーデック依存）。
- コーデック互換性：ブラウザが未対応のコーデックは読み込めません（表示・抽出失敗）。
- CORS/外部動画：ローカルは問題なし。リモートURLでの利用は同一生成元制約で失敗することがあります。
- メモリ/処理時間：長尺・高解像度・大量時刻指定では時間・メモリ使用量が増加。段階的に抽出してください。
- 音声は対象外：画像のみ抽出。
- iOS制限：一部モバイル環境ではファイル選択後のシークが不安定になる場合があります。時刻を少し大きめ（例：
0.5秒）にすると安定することがあります。
コメント