# How to Create Picture-in-Picture Effect / Video Overlay for a Presentation Video

The picture-in-picture effect (video overlay) allows you to place a video clip in a small frame on top of another so that they play at the same time like this:

![Source: https://www.youtube.com/watch?v=YNJYrM4ecww](https://1313833672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMTslgmrrtRXvxD2lk9%2F-MNWljOOMxYJ3jONJztX%2F-MNWmupIzZff1R4q_IAK%2FYNJYrM4ecwwhd.jpg?alt=media\&token=d68dc6f5-1b23-46b1-96b1-3e7189cf73af)

There are multiple ways to make such videos. Here, I will be introducing my workflow on macOS to create these videos using an easy-to-use, PowerPoint-like application, [ActivePresenter](https://atomisystems.com/activepresenter/) by Atomi Systems.

## Requirements

* [Download and install ActivePresenter](https://atomisystems.com/download/)
* A computer that runs Windows /  macOS
* A webcam
* A microphone (recommended for audio quality)

## Creating Presentation Slides

ActivePresenter is like Microsoft PowerPoint but with additional support for embedding video clips. ActivePresenter supports creating slides and video recordings from within the application. It also supports importing slides from PowerPoint.

## Create a Screen Recording / Import a Pre-Recorded Video

In ActivePresenter, videos can be inserted either by recording a webcam footage in ActivePresenter or doing a drag-and-drop to import pre-recorded videos. Personally, I prefer to do many takes using the macOS-built-in QuickTime Player app, and have one separate clip for each slide in the presentation. The videos can be resized to the same size and placed in a specific corner of the output video.

When recording a video clip, considering using a microphone to record the audio. All built-in microphones in laptops and earphones create static noises that impact the audio quality by a lot. Also, consider adding closed captions for deaf and hard-of-hearing viewers.

## Managing Animations, Closed Captions, etc.

![](https://1313833672-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MMTslgmrrtRXvxD2lk9%2F-MNWljOOMxYJ3jONJztX%2F-MNWpoC7C7TVIJUeJptZ%2FScreen%20Shot%202020-12-01%20at%2011.05.20%20PM.png?alt=media\&token=eaeccbef-9dd4-40b4-8909-bd5588a185cb)

ActivePresenter has a neat functionality that allows users to control the timeline of events in a slide. By dragging the horizontal bars, I can control when elements appear/disappear, adjust the properties of the embedded video clip, and even add closed captions. Closed captions can either be exported as soft subtitles (.SRT) that can be uploaded to platforms like YouTube or as hard subtitles embedded into videos.

## Exporting the video

As easy as a click of a button, final videos can be exported as mp4 files.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://blog.ruipan.xyz/blog/blog-index/how-to-create-picture-in-picture-effect-video-overlay-for-a-presentation-video.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.