Picture-in-Picture

Picture-in-Picture (PiP) is a two-layer scene where one source fills the screen and a second source appears as a small window in one corner.

Creating a PiP scene

  1. Open the Scenes panel
  2. Tap Create Scene
  3. Select Picture-in-Picture
  4. Name the scene (e.g., “Speaker + Slides”)
  5. Assign sources:
    • Layer 1 (background): The main/large source (e.g., presentation slides)
    • Layer 2 (PiP window): The small source (e.g., speaker camera)

Default layout

  • Layer 1: Full frame — (0, 0, 1, 1)
  • Layer 2: Small corner window — 25% of the frame, positioned in the bottom-right

Customizing the PiP window

You can adjust the PiP window’s position and size by editing Layer 2’s frame:

Position Frame values
Bottom-right (default) (0.73, 0.73, 0.25, 0.25)
Bottom-left (0.02, 0.73, 0.25, 0.25)
Top-right (0.73, 0.02, 0.25, 0.25)
Top-left (0.02, 0.02, 0.25, 0.25)
Larger (33%) Adjust width/height to 0.33
Smaller (15%) Adjust width/height to 0.15

Common use cases

  • Speaker + presentation — Slides full-screen, speaker in the corner
  • Gameplay + facecam — Game footage full-screen, face camera in the corner
  • Interview + B-roll — B-roll full-screen, interviewer in the corner
  • Reaction content — Main video full-screen, reaction camera in the corner

Tips

  • Match the content — Put the most important visual full-screen, and the supporting view in the PiP window
  • Avoid covering important content — Position the PiP window where it won’t obscure key information in the background
  • Swap sources — To swap which source is full-screen and which is PiP, edit the layer source assignments