FFmpeg Filter Builderv1.2.4

レシピ対応・ノード編集・Previewから書き出し

動画フィルターを組み立てる

レシピで処理を組み立て、必要なところを編集できます。仕上がりを確認してから、動画全体を書き出せます。

完全ローカル処理
前回のGraphがあります

前回編集したGraphを復元できます。素材ファイルは保存していないため、復元後にもう一度選択してください。

Graph Canvas Graphを確認中ポートから反対側のポートへドラッグして接続します。
Input
Video filters
Text
Complex graph
Audio filters
Runtime—

プレビューとコマンド

動画を確認したり、編集内容からFFmpegコマンドを生成したりできます。

まだプレビューはありません Inputに動画を読み込み、Graphが有効な状態で「プレビューを更新」を押してください。
Graph変更前のプレビュー
FFmpegで処理しています0%
開始位置0:00
確認する長さFFmpeg処理範囲

Builder v1.10.2で選択したPreview範囲だけをFFmpeg WASMで処理します。時間に依存するFilterを含むGraphでは意味を保つため先頭から必要範囲までを処理します。

入力—
出力—
Runtime読込—
Render—
生成FFmpegコマンド
—
Nodes—
Edges—
Browser filter—
Output label—
Graph hash—
Preview cache—
Runtime—
Inputに動画を読み込んでください。

動画を書き出す

Previewで確認した同じGraphを、入力動画の最後までFFmpeg WASMで処理します。

出力設定

Runtime—
出力サイズ—
動画と有効なGraphを用意してください。

標準版はfile://でも利用できます。高速版はSharedArrayBufferを使うため、COOP / COEPを設定したHTTP(S)配信が必要です。長い動画では端末メモリを多く使います。

書き出し結果

書き出しが完了すると、ここで結果を確認して保存できます。
FFmpegログ
まだログはありません。

確認

使い方と注意事項

基本操作

  1. InputノードでMP4動画を読み込みます。ブラウザで映像を表示できる場合は、先頭付近のサムネイルが表示されます。ファイルは外部へ送信されません。
  2. 「かんたんレシピ」からやりたい処理を選び、「Graphへ展開」を押します。
  3. 必要なら展開されたノードを編集し、「プレビューを更新」で結果を確認します。
  4. 問題なければ「動画を書き出す」で動画全体へ同じGraphを適用し、完了後に保存します。

スマートフォンでは下部のRecipeからレシピを選べます。ノードをタップするかEnter / Spaceで設定を開き、「完了」で閉じます。選択ノードの入力接続は「その他」→「入力を切断」で外せます(元に戻す対応)。

Graphの制約

キーボード操作

標準版と高速版

プライバシー

素材ファイル・Graph・テキスト・設定・生成結果はブラウザー内だけで処理します。FFmpeg runtimeと標準フォントもHTMLへ埋め込まれ、実行時にGitHub・Google Fonts・CDNへアクセスしません。

v0.8.0の範囲

標準版はネットワークを切った状態でも、Graph編集・コンパイル・Preview・Full Render・保存まで利用できます。

Runtime情報
Thread mode—
crossOriginIsolated—
Filters—
Encoders—
pthread pool—
サードパーティライセンス

M PLUS 1p Regular · OFL-1.1
Draw Textで使う標準フォントのライセンス本文です。フォントと一緒に単一HTMLへ含まれています。


        
ビルド情報
App version—
FFmpeg WASM Builder—
Built at—