Bild-im-Bild-Video-Ersteller Erstellen Sie Bild-im-Bild-Videos, bei denen ein Video über einem anderen angezeigt wird.

🎬

Bild-im-Bild-Video

Erstellen Sie Bild-im-Bild-Videos, bei denen ein Video über einem anderen angezeigt wird.

Videos hochladen

Laden Sie das Hauptvideo und das Overlay-Video (PiP) hoch.

PiP positionieren

Wählen Sie die Ecke und Größe für das Overlay-Video aus.

Erstellen & Herunterladen

Klicken Sie auf Erstellen und laden Sie Ihr PiP-Video herunter.

Loading tool...

What Is Bild-im-Bild-Video?

Der Picture-in-Picture-(PiP)-Video-Maker ist ein kostenloses Browser-Tool, das ein Video über einem anderen überlagert und so einen Bild-im-Bild-Effekt erzeugt. Laden Sie ein Hauptvideo und ein kleineres Overlay-Video hoch, wählen Sie dann die Position und Größe für das Overlay. Das Overlay erscheint normalerweise in einer Ecke des Hauptvideos. Es eignet sich perfekt für Reaktionsvideos, Gaming-Kommentare, Tutorials mit Webcam-Overlay und Präsentationen aus mehreren Blickwinkeln. Beide Videos werden gleichzeitig abgespielt und auf einem einzigen Canvas für die Aufzeichnung kombiniert. Alle Verarbeitung erfolgt lokal in Ihrem Browser.

Why Use Bild-im-Bild-Video?

Erstellen Sie professionelle PiP-Layouts mit zwei beliebigen Videos
Anpassbare Overlay-Position und -Größe
Keine Uploads - alle Verarbeitung auf Ihrem Gerät
Keine Softwareinstallation oder Wasserzeichen

Common Use Cases

Reaktionsvideos

Überlagern Sie Ihre Webcam-Reaktion auf den Inhalt, auf den Sie reagieren.

Gaming-Kommentare

Fügen Sie eine Facecam-Überlagerung zu SpielAufnahmen hinzu.

Tutorial-Videos

Zeigen Sie Ihre Webcam neben Bildschirmaufnahmen für Tutorials an.

Präsentationen

Überlagern Sie das Sprecher-Video auf Präsentationsfolien.

Technical Guide

Der PiP-Video-Maker lädt zwei Videodateien in separate HTML5-Video-Elemente. Ein Canvas wird mit den Abmessungen des Hauptvideos erstellt. Während der Wiedergabe zeichnet requestAnimationFrame das Hauptvideo als vollständigen Hintergrund des Canvas und dann das Overlay-Video an der angegebenen Position und Größe mithilfe von drawImage() mit Zielkoordinaten. Beide Videos werden gleichzeitig abgespielt. Die Audio-Mischung verwendet die Web-Audio-API - beide Video-Audiosourcen sind durch GainNodes mit einem MediaStreamDestination verbunden, was eine Lautstärkenregelung für jedes ermöglicht. Der kombinierte Canvas-Stream und der gemischte Audio-Stream werden an den MediaRecorder weitergeleitet. Das Overlay kann einen Rahmen (über strokeRect gezeichnet) und abgerundete Ecken (über Clip-Pfad) haben. Positionsvorlagen berechnen Eckkoordinaten mit konfigurierbarem Abstand.

Tips & Best Practices

1
Das Overlay-Video ist normalerweise 20-30% der Größe des Hauptvideos
2
Platzieren Sie das PiP-Fenster in einer Ecke mit minimal wichtigen Inhalten
3
Beide Videos sollten ähnliche Dauer haben, um optimale Ergebnisse zu erzielen
4
Passen Sie die Audio-Volumes an, damit eine Spur nicht die andere überlagert

Related Tools

Videotext-Überlagerung

Fügen Sie Text, Titel und Untertitel zu Ihren Videos hinzu.

🎬 Video Tools

Videowasserzeichen

Fügen Sie Bild- oder Textwasserzeichen hinzu, um Ihren Videoinhalt zu schützen.

🎬 Video Tools

Seit-an-Seit-Video

Zwei Videos nebeneinander in einem einzigen Rahmen platzieren.

🎬 Video Tools

Videomischer

Kombinieren Sie mehrere Videoclips zu einer einzigen Videodatei in Ihrem Browser.

🎬 Video Tools

Frequently Asked Questions

Q Kann ich die Overlay-Größe anpassen?

Ja, verwenden Sie den Größenschieberegler, um das Overlay größer oder kleiner im Verhältnis zum Hauptvideo zu machen.

Q Wo kann ich das Overlay platzieren?

Wählen Sie aus Eckenvorlagen (oben links, oben rechts, unten links, unten rechts) oder verwenden Sie eine benutzerdefinierte Positionierung.

Q Ist Audio von beiden Videos enthalten?

Ja, Audio von beiden Videos wird mit anpassbaren Lautstärken gemischt.

Q Ist es privat?

Ja. Alle Verarbeitung erfolgt in Ihrem Browser - keine Dateien werden hochgeladen.

Q Was passiert, wenn die Videos unterschiedliche Längen haben?

Die Ausgabelänge entspricht der kürzeren Video. Das längere Video wird beschnitten, um zu passen.

About This Tool

Bild-im-Bild-Video 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.