# Video production notes

[20240424](/2024/04/24.md) came with a video, in which I read the piece and you get to both watch me *and* follow along onscreen with the same text I'm reading.

## Video recording

### Phone video

I used my phone, lol. I AirDrop'd it to my Macbook.

### Content video

The onscreen video was done on my Macbook, very simply, using cmd+shift+5 and choosing "Record Selected Portion". I used Chrome's dev tools to display the in-browser content in a scale and ratio appropriate for mobile.

<figure><img src="/files/3OnalKsRWxNSWonTwnc5" alt=""><figcaption></figcaption></figure>

## Audio recording

I didn't record audio separately. After getting the phone video file on my laptop, I used Quicktime to export as audio-only, and then I cleaned up the audio with [Auphonic](https://auphonic.com/).

<figure><img src="/files/Dc92u7YSJbnbAD5K98rQ" alt=""><figcaption></figcaption></figure>

Here's my Auphonic configuration:

<figure><img src="/files/a8ADND2phr45mzVLGoWu" alt=""><figcaption></figcaption></figure>

Before/after samples, if you're curious:

{% file src="/files/cgm76hXzczaL6VkhyOvK" %}

{% file src="/files/1ltmiX646EMQzggsJ5jA" %}

## Video editing

Done with [Davinci Resolve](https://www.blackmagicdesign.com/products/davinciresolve). (I pay for it, but you wouldn't need to for this kind of thing.)

I used a timeline resolution of 1080x1350, which is the max for Instagram feed videos. (This was too long for a conventional reel, which is why I didn't use 1080x1920.)

<figure><img src="/files/RNmvpIYFZjzA8MGVHwET" alt=""><figcaption></figcaption></figure>

I added three files to the timeline: both videos and the audio file from Auphonic (see above).

I used the waveforms shown on the audio tracks to align all three clips.

The audio tracks for the two videos are both muted.

There's a control curve for the screen recording video, which manages Opacity (found under Video / Composite in the Inspector). This is how the video fades in at the beginning and fades out at the end. I don't have a recording to show you of setting that one up; I really fumbled through it and I'm intimidated by figuring out a clean way to show it, haha. [Here's someone else showing you how on YouTube.](https://www.youtube.com/watch?v=tMjeH-is0z8)

<figure><img src="/files/dHPaNM5J52ZeHP8ugV4s" alt=""><figcaption></figcaption></figure>

The screen recording video is positioned as an overlay using the Transform settings found in the Inspector pane.

<figure><img src="/files/GkOzQ4x6d7yVOy3VuRjx" alt=""><figcaption></figcaption></figure>


---

# 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://www.isaacbowen.com/2024/04/24/video-production-notes.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.