화면 안의 화면 비디오 메이커 한 영상 위에 다른 영상을 겹쳐서 화면 안의 화면 비디오를 만듭니다.
화면 안의 화면 비디오
한 영상 위에 다른 영상을 겹쳐서 화면 안의 화면 비디오를 만듭니다.
비디오 업로드
메인 비디오와 오버레이(PiP) 비디오를 업로드하세요.
PiP 위치 지정
오버레이 비디오의 모서리와 크기를 선택하세요.
생성 및 다운로드
생성을 클릭하고 PiP 비디오를 다운로드하세요.
What Is 화면 안의 화면 비디오?
Picture-in-Picture(PiP) 비디오 메이커는 브라우저 기반의 무료 도구로, 하나의 비디오 위에 다른 비디오를 겹쳐서 피처-인-피처 효과를 만듭니다. 주요 비디오와 작은 오버레이 비디오를 업로드한 다음, 오버레이의 위치와 크기를 선택하세요. 오버레이는 일반적으로 주요 비디오의 한 구석에 나타납니다. 반응 비디오, 게임 해설, 웹캠 오버레이가 있는 튜토리얼 및 다각도 프레젠테이션에 적합합니다. 두 개의 비디오 모두 동시에 재생되며 하나의 캔버스에 합성되어 기록됩니다. 모든 처리는 브라우저에서 로컬로 발생합니다.
Why Use 화면 안의 화면 비디오?
-
任意 두 개의 비디오로 전문적인 PiP 레이아웃을 생성
-
사용자 지정 오버레이 위치와 크기
-
업로드 없음 - 모든 처리가 장치에서 수행됨
-
소프트웨어 설치 또는 워터마크 없음
Common Use Cases
반응 비디오
내용에 대한 반응을 웹캠으로 오버레이합니다.
게임 해설
게임 플레이 기록에 얼굴 카메라 오버레이를 추가합니다.
튜토리얼 비디오
웹캠을 스크린 녹화와 함께显示하여 튜토리얼을 생성합니다.
프레젠테이션
발표 슬라이드에 연사 비디오를 오버레이합니다.
Technical Guide
PiP 비디오 메이커는 두 개의 비디오 파일을 별도의 HTML5 비디오 요소로 불러옵니다. 주요 비디오의 크기로 캔버스를 생성합니다. 재생 중에 requestAnimationFrame은 전체 캔버스 배경으로 주요 비디오를 그리며, 지정된 위치와 크기에서 drawImage()를 사용하여 오버레이 비디오를 그립니다. 두 개의 비디오 모두 동시에 재생됩니다. 오디오 믹싱에는 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.