Remotion Audiogram Template

This template is for creating "audiograms". In other words, video clips from podcast episodes, or any other audio. It's a popular way of sharing audio snippets on social media.

Example video

Start changing things like this:

• Adjust size and length in src/Video.tsx
• Replacing audio, cover and subtitles in the src/assets folder
• Tweak src/Composition.tsx

How do I render my video?

Run this:

npx remotion render

Or check out the Remotion docs. There are lots of ways to render.

Where to get a transcript (SRT file)?

There are a few places:

• Your podcasting host might provide them for you.
• Descript makes transcription really easy.
• There are tons of other, paid solutions, like Otter.ai, Scriptme.io and ListenRobo.com.
• And open-source solutions available, like Subs AI

For the purposes of this repo, make sure to export subtitles that are segmented by word (rather than sentence).

Commands

Install Dependencies

npm install

Start Preview

npm run dev

Render video

npx remotion render

Upgrade Remotion

npx remotion upgrade

Docs

Get started with Remotion by reading the fundamentals page.

Help

We provide help on our Discord server.

Issues

Found an issue with Remotion? File an issue here.

License

Note that for some entities a company license is needed. Read the terms here.