ピクチャーインピクチャービデオメーカー 1つのビデオを別のビデオの上に重ねたピクチャーインピクチャービデオを作成します。
ピクチャーインピクチャービデオ
1つのビデオを別のビデオの上に重ねたピクチャーインピクチャービデオを作成します。
動画をアップロード
メインの動画とオーバーレイ（PiP）動画をアップロードします。
オーバーレイの位置を調整
オーバーレイ動画の角度とサイズを選択します。
作成してダウンロード
「作成」をクリックし、PiP動画をダウンロードします。
What Is ピクチャーインピクチャービデオ?
Picture-in-Picture（PiP）ビデオメーカーは、無料のブラウザベースのツールで、1つのビデオを別のビデオの上に重ねて、ピクチャーインピクチャーの効果を作成します。メインビデオと小さいオーバーレイビデオをアップロードし、それからオーバーレイの位置とサイズを選択してください。オーバーレイは通常、メインビデオの角に表示されます。これは、リアクションビデオ、ゲーム実況、ウェブカムオーバーレイ付きチュートリアル、マルチアングルプレゼンテーションに最適です。両方のビデオは同時に再生され、1つのCanvas上でレコーディング用に合成されます。すべての処理はブラウザ内でローカルに行われます。
Why Use ピクチャーインピクチャービデオ?
-
任意の2つの動画でプロフェッショナルなPiPレイアウトを作成
-
オーバーレイ位置とサイズがカスタマイズ可能
-
アップロードは不要 - 全ての処理がデバイス上で行われる
-
ソフトウェアのインストールやウォーターマークはありません
Common Use Cases
リアクション動画
反応するコンテンツの上にウェブカムのリアクションをオーバーレイします。
ゲーム実況
ゲームプレイのレコーディングに顔映像のオーバーレイを追加します。
チュートリアル動画
スクリーンレコーディングとともにウェブカムを表示して、チュートリアルを作成します。
プレゼンテーション
プレゼンテーションスライドの上にスピーカーの動画をオーバーレイします。
Technical Guide
PiPビデオメーカーは2つのビデオファイルを別々のHTML5 Video要素に読み込みます。Canvasは、メインビデオの寸法で作成されます。再生中、requestAnimationFrameはメインビデオを全キャンバス背景として描画し、drawImage()とdestination座標を使って指定された位置とサイズでオーバーレイビデオを描画します。両方のビデオが同時に再生されます。オーディオミキシングではWeb Audio APIを使用 - 両方のビデオオーディオソースはGainNodes経由でMediaStreamDestinationに接続されており、各ボリュームコントロールを可能にします。合成されたキャンバスストリームと混合オーディオストリームはMediaRecorderに供給されます。オーバーレイにはボーダー（strokeRectで描画）と丸みのある角（クリップパスで実現）が付けることができます。位置プリセットでは、可変のパディングを使用してコーナーの座標を計算します。
Tips & Best Practices
-
1オーバーレイ動画は通常、メイン動画のサイズの20-30%です
-
2PiPウィンドウを重要なコンテンツが少ない角に配置してください
-
3両方の動画の長さを似せておくことで、最良の結果が得られます
-
4オーディオボリュームを調整して、一つのトラックが他のトラックを圧倒しないようにします
Related Tools
Frequently Asked Questions
Q オーバーレイサイズは調整できますか？
Q オーバーレイをどこに配置できますか？
Q 両方の動画からのオーディオは含まれますか？
Q プライベートですか？
Q 動画の長さが異なる場合どうなりますか？
About This Tool
ピクチャーインピクチャービデオ is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.