Pembuat Video Gambar-dalam-Gambar Buat video gambar-dalam-gambar dengan satu video yang ditumpangkan pada video lain.

🎬

Video Gambar-dalam-Gambar

Buat video gambar-dalam-gambar dengan satu video yang ditumpangkan pada video lain.

Unggah Video

Unggah video utama dan video overlay (PiP).

Posisikan PiP

Pilih sudut dan ukuran untuk video overlay.

Buat & Unduh

Klik Buat dan unduh video PiP Anda.

Loading tool...

What Is Video Gambar-dalam-Gambar?

Pembuat Video Picture-in-Picture (PiP) adalah alat berbasis browser gratis yang menumpuk satu video di atas video lainnya, membuat efek gambar-dalam-gambar. Unggah video utama dan video overlay yang lebih kecil, lalu pilih posisi dan ukuran untuk overlay. Overlay biasanya muncul di sudut video utama. Ini sangat cocok untuk video reaksi, komentar gim, tutorial dengan overlay webcam, dan presentasi multi-sudut. Kedua video diputar secara bersamaan dan dikomposisikan ke dalam satu Canvas untuk merekam. Semua pemrosesan terjadi secara lokal di browser Anda.

Why Use Video Gambar-dalam-Gambar?

Buat tata letak PiP profesional dengan dua video apa pun
Posisi overlay yang dapat disesuaikan dan ukuran
Tidak ada unggahan - semua pemrosesan dilakukan di perangkat Anda
Tidak ada instalasi perangkat lunak atau tanda air

Common Use Cases

Video Reaksi

Overlay reaksi webcam Anda pada konten yang sedang Anda tanggapi.

Komentar Gaming

Tambahkan overlay facecam ke rekaman gameplay.

Video Tutorial

Tampilkan webcam Anda di samping rekaman layar untuk tutorial.

Presentasi

Overlay video pembicara pada slide presentasi.

Technical Guide

Pembuat Video PiP memuat dua file video ke dalam elemen Video HTML5 yang terpisah. Sebuah Canvas dibuat dengan dimensi video utama. Selama pemutaran, requestAnimationFrame menggambar video utama sebagai latar belakang canvas penuh, lalu menggambar video overlay pada posisi dan ukuran yang ditentukan menggunakan drawImage() dengan koordinat tujuan. Kedua video diputar secara bersamaan. Pencampuran audio menggunakan Web Audio API - kedua sumber audio video dihubungkan melalui GainNodes ke MediaStreamDestination, memungkinkan kontrol volume untuk masing-masing. Aliran canvas yang digabung dan aliran audio yang dicampur diberikan kepada MediaRecorder. Overlay dapat memiliki border (dibuat via strokeRect) dan sudut bulat (via jalur klip). Preset posisi menghitung koordinat sudut dengan padding yang dapat dikonfigurasi.

Tips & Best Practices

1
Ukuran video overlay biasanya 20-30% dari ukuran video utama
2
Letakkan jendela PiP di sudut dengan konten penting minimal
3
Kedua video harus memiliki durasi yang sama untuk hasil terbaik
4
Atur volume audio sehingga satu trek tidak mengalahkan yang lain

Related Tools

Tampilan Teks Video

Tambahkan teks, judul, dan caption ke video Anda.

🎬 Video Tools

Tanda Air Video

Tambahkan tanda air gambar atau teks untuk melindungi konten video Anda.

🎬 Video Tools

Video Berdampingan

Letakkan dua video berdampingan dalam satu bingkai.

🎬 Video Tools

Penggabung Video

Gabungkan beberapa klip video menjadi satu file video dalam browser Anda.

🎬 Video Tools

Frequently Asked Questions

Q Dapatkah saya menyesuaikan ukuran overlay?

Ya, gunakan penggeser ukuran untuk membuat overlay lebih besar atau lebih kecil relatif terhadap video utama.

Q Di mana saya dapat memosisikan overlay?

Pilih dari preset sudut (kiri atas, kanan atas, kiri bawah, kanan bawah) atau gunakan penempatan kustom.

Q Apakah audio dari kedua video termasuk?

Ya, audio dari kedua video dicampur bersama dengan tingkat volume yang dapat disesuaikan.

Q Apakah itu pribadi?

Ya. Semua pemrosesan terjadi di browser Anda - tidak ada file yang diunggah ke mana pun.

Q Apa yang terjadi jika video memiliki panjang yang berbeda?

Panjang output sesuai dengan video yang lebih pendek. Video yang lebih panjang dipotong untuk sesuaikan.

About This Tool

Video Gambar-dalam-Gambar 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.