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.

Getting started

npm i

npx remotion studio

Start changing things like this:

Adjust parameters in src/Root.tsx or in the Studio sidebar
Replacing audio, cover and subtitles in the public folder

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?

You can generate the captions or supply a .srt file or a .json file that follows the @remotion/captions format.

Generate captions

With the built-in transcription script using @remotion/install-whisper-cpp:
```
bun transcribe.ts
# With Node.js: `npx tsx transcribe.ts`
```
This will:
- Ask for your audio file path (supports any ffmpeg format)
- Ask for the speech start time (to avoid false triggers from background music, intro jingles or noise)
- Generate captions.json in the public folder
Alternatively, use @remotion/openai-whisper to get captions from OpenAI Whisper into the right shape.

Get it from a provider:

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.

If you supply a .srt, make sure to export subtitles that are segmented by word rather than by sentence.

Optimizing for long audio files

If your audio is long, make sure to pass a .wav file as audio.
The template will use useWindowedAudioData() to only fetch the data around the current time.

Otherwise, the waveform of the whole audio needs to be fetched, which may be slow.

Docs

Get started with Remotion by reading the fundamentals page.

Help

We provide help on our Discord server.

Issues

Found an issue with Remotion? Upgrade Remotion to receive fixes:

npx remotion upgrade

Didn't help? File an issue here.

Contributing

The source of this template is in the Remotion Monorepo.
Don't send pull requests here, this is only a mirror.

License

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