動画を読み込む
ファイルを選択するか、アップロードエリアにドロップします。初回のみ、約31 MBのWebAssembly動画エンジンをダウンロードします。
動画にトランジションを追加・オンライン無料
動画を読み込み、タイムラインで切り替え位置を指定して、FFmpegに収録されたトランジション効果で前後の映像をつなげます。すべてWebAssembly版FFmpegで処理するため、動画がブラウザの外に出ることはありません。
ここに動画をドロップするか、クリックして選択
MP4、MOV、WebM、MKV、AVIなど多くの形式に対応
動画が端末の外に出ることはありませんフレーム
動画を読み込むと、ここにフレームが表示されます。
動画を読み込んでから、タイムラインをクリックしてトランジションを追加します。
すべてのマーカーに適用されます。切り替え位置が端に近すぎる場合は、自動的に短くなります。
幅を小さくすると、エンコードが大幅に速くなります。
画質は固定のCRF値で維持されます。
動画の準備ができました
トランジションの処理には、次のライブラリのxfadeフィルターを使用します： ffmpeg.wasm。これはFFmpegのWebAssembly版です。ラッパーのライセンスはMIT、自己ホストのコアビルドはGPL-2.0-or-laterで、ソースコードはffmpeg.wasmプロジェクトで公開されています。73hiはFFmpegプロジェクトと提携していません。
簡単な3ステップ
動画にトランジションを追加する方法
切り替え位置と効果を指定するだけで、MP4を出力できます。
切り替え位置を指定する
トランジションを入れたいフレームをクリックするか、タイムラインのスライダーで正確な時刻を指定します。
効果を選んで出力する
トランジション、長さ、出力幅を設定し、MP4を出力してダウンロードします。
効果一覧
選べるトランジションの種類
一覧は同梱のFFmpegから直接取得するため、表示されるすべての効果が利用できます。
| 種類 | 例 | 主な用途 |
|---|---|---|
| ディゾルブ・フェード | クロスフェード、ディザーディゾルブ、黒フェード、白フェード、ぼかし混合、ピクセル化 | 自然なシーン切り替え 雰囲気の変化 |
| スライド | 上下左右のスライドと、モーションブラー付きの滑らかなバリエーション | プレゼンテーション、まとめ動画、画面録画 |
| ワイプ | 各辺からの直線ワイプ、角からのワイプ、放射状・距離ワイプ、斜めワイプ | 遊び心のある切り替えや分割画面風の演出 |
| 図形・ブラインド | 円形クロップ、円形の開閉、長方形クロップ、縦・横ブラインド | 商品紹介、イントロ、タイトル映像 |
| スライス・スクイーズ | 各辺からのスライス、水平・垂直スクイーズ、ズームイン | テンポの速い編集、リール、短編動画 |
処理速度： トランジション処理では、シングルスレッドのWebAssemblyで動画全体を再エンコードするため、デスクトップ版FFmpegより大幅に時間がかかります。短い動画を640 px以下で出力すると数分程度で済みますが、長い動画を元のサイズで出力する場合は、さらに時間がかかります。
本物のFFmpegをブラウザで
映像をしっかりつなぐトランジション
動画を前後に分割し、フィルターを適用して1本の動画に再エンコードします。
正確な切り替え位置
フィルムストリップのフレームをクリックするか、タイムラインのスライダーを動かして、0.01秒単位で切り替え位置を指定できます。
xfadeの全効果
ビルドから直接取得した40種類以上の効果を、ディゾルブ、スライド、ワイプ、図形、スクイーズに分類しています。
音声も自然につながる
音声がある動画では、前後の音声を同じ長さでクロスフェードし、途切れを防ぎます。
プライバシーを守る設計
デコード、フィルター処理、エンコードは端末内のWeb Workerで行われます。動画はアップロードされません。
よくあるご質問
動画トランジションのFAQ
動画はサーバーにアップロードされますか？
いいえ。動画はWebAssembly版FFmpegのメモリ内ファイルシステムに保存され、ブラウザ内のWeb Workerで処理されます。アップロードは一切行いません。
トランジション効果は何種類ありますか？
同梱FFmpegのxfade全効果に対応しています。ディゾルブ、スライド、ワイプ、図形、ブラインド、スライス、スクイーズ、ズームなど40種類以上あります。一覧はビルドから直接取得するため、表示される効果はすべて利用できます。
トランジションはどこに入りますか？
指定した切り替え位置に入ります。その位置で動画を分割し、設定した長さで前半の終わりと後半の始まりを重ねてつなぎます。
音声はどうなりますか？
音声トラックがある場合は、映像と同じ長さのクロスフェードで前後の音声をつなぎ、自然に切り替えます。音声のない動画は映像のトランジションのみを出力します。
フレーム抽出ツールより出力が遅いのはなぜですか？
トランジションの追加では、数フレームの読み取りだけでなく、動画全体の再エンコードが必要です。シングルスレッドのWebAssemblyはデスクトップ版FFmpegより遅いため、短い動画や小さい出力幅にすると速く処理できます。
複数のトランジションを追加できますか？
1回の出力で1つ追加できます。トランジションを追加してダウンロードした動画を再度読み込むと、別の位置にも効果を追加できます。
どの形式で出力されますか？
H.264映像とAAC音声のMP4です。ブラウザ、動画編集ソフト、メッセージアプリで再生できます。解像度は選択したサイズ、または元のサイズになります。