画中画视频制作工具 创建一个视频叠加在另一个视频上的画中画效果。

What Is 画中画视频?

Picture-in-Picture（PiP）视频制作器是一款免费的浏览器内工具，能够将一个视频叠加在另一个视频上，创建出画中画效果。上传主视频和小型覆盖视频，然后选择覆盖层的位置和大小。覆盖层通常出现在主视频的一个角落。它非常适合反应视频、游戏评论、带有摄像头覆盖的教程以及多角度演示。两个视频同时播放并合成到一个画布上进行录制。所有处理都在您的浏览器中本地完成。

Why Use 画中画视频?

• 使用任意两个视频创建专业的 PiP 布局
• 可自定义叠加位置和大小
• 无需上传 - 所有处理都在您的设备上进行
• 无需软件安装或水印

Common Use Cases

反应视频

将您的网络摄像头反应叠加到您正在反应的内容上。

游戏评论

在游戏录制中添加面部摄像头叠加。

教程视频

将您的网络摄像头与屏幕录制一起显示用于教程。

演示文稿

在演示文稿幻灯片上叠加发言人视频。

Technical Guide

PiP 视频制作器将两个视频文件加载到单独的 HTML5 Video 元素中。在主视频的尺寸下创建了一个 Canvas。在播放过程中，requestAnimationFrame 将主视频绘制为整个画布背景，然后使用 drawImage() 绘制覆盖层视频在指定位置和大小，使用目标坐标。两个视频同时播放。音频混合使用 Web Audio API -- 两个视频音频源通过 GainNodes 连接到 MediaStreamDestination，从而允许每个音频源的音量控制。合成的画布流和混合音频流被传递给 MediaRecorder。覆盖层可以有边框（通过 strokeRect 绘制）和圆角（通过剪切路径）。位置预设计算带有可配置填充的角坐标。

Tips & Best Practices

• 1
  叠加视频的大小通常为主视频大小的20-30%
• 2
  将 PiP 窗口放在一个内容最少的角落
• 3
  两个视频的长度应该相似以获得最佳效果
• 4
  调整音频音量，以免一条音轨盖过另一条

Related Tools

视频文字叠加

向您的视频添加文本、标题和字幕。

🎬 Video Tools

视频水印

添加图像或文本水印来保护您的视频内容。

🎬 Video Tools

并排视频

将两个视频放在单一帧中，实现并排播放。

🎬 Video Tools

视频合并器

在浏览器中将多个视频片段合并为一个单独的视频文件。

🎬 Video 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.