# Video production notes

[20240424](https://www.isaacbowen.com/2024/04/24) 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="https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2Fw6DFGORB092fJpnbyVQh%2F2024-04-24%2013.10.45.gif?alt=media&#x26;token=eff8a25d-d34e-460c-af94-93cf971505d9" 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="https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2FrvrwcuB1SjM6ZKzsb65X%2F2024-04-24%2013.14.44.gif?alt=media&#x26;token=f6f5b590-9407-4055-8b8d-05f13c752ca5" alt=""><figcaption></figcaption></figure>

Here's my Auphonic configuration:

<figure><img src="https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2FFIwMDqSEuKlEa7JYKIM5%2FScreenshot%202024-04-24%20at%201.05.36%E2%80%AFPM.png?alt=media&#x26;token=e87ee3ea-5d71-4a14-928d-29a700677636" alt=""><figcaption></figcaption></figure>

Before/after samples, if you're curious:

{% file src="<https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2F3KFGk8AI9vNOp4C1ya4W%2Fbefore.m4a?alt=media&token=b06766d9-e460-40e5-9a7f-52043960f5a7>" %}

{% file src="<https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2FQeokR7CbysszVHbmrUvX%2Fafter.m4a?alt=media&token=cbc52163-7c91-4fcb-90d7-e1ee4b729eb3>" %}

## 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="https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2FQUKsD5DDMhxXbbl3My2p%2F2024-04-24%2013.21.01.gif?alt=media&#x26;token=48990d06-05e7-48c4-9c8a-1992b16da366" 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="https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2FQBFwHc3rjSo3unH0WYsj%2FScreenshot%202024-04-24%20at%201.08.25%E2%80%AFPM.png?alt=media&#x26;token=ab77d9a9-15bf-48a3-b291-472c6f833edf" 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="https://3048497272-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLAkEXZiQJDxsC0OipdSQ%2Fuploads%2FKssUQPiEJboRI4gU7kqc%2F2024-04-24%2013.17.40.gif?alt=media&#x26;token=ac21cb49-86ac-42ae-8053-185ccbaf8f86" alt=""><figcaption></figcaption></figure>
