Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/remotion-dev/template-audiogram
A template for making podcast video clips with Remotion.
https://github.com/remotion-dev/template-audiogram
Last synced: about 1 month ago
JSON representation
A template for making podcast video clips with Remotion.
- Host: GitHub
- URL: https://github.com/remotion-dev/template-audiogram
- Owner: remotion-dev
- Created: 2021-11-16T15:14:48.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-06-12T13:13:34.000Z (5 months ago)
- Last Synced: 2024-06-20T16:34:57.199Z (5 months ago)
- Language: TypeScript
- Size: 71.4 MB
- Stars: 145
- Watchers: 3
- Forks: 27
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- my-awesome-list - template-audiogram - dev | 162 | (TypeScript)
README
# 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](https://twitter.com/marcusstenbeck/status/1460641903326732300)
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:
```console
npm run build
```
Or check out the [Remotion docs](/docs/render/). 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](https://otter.ai) and [Scriptme.io](https://scriptme.io).
- And open-source solutions available, like [Subs AI](https://github.com/abdeladim-s/subsai)
For the purposes of this repo, make sure to export subtitles that are segmented by word (rather than sentence).
## Commands
**Install Dependencies**
```console
npm install
```
**Start Preview**
```console
npm start
```
**Render video**
```console
npm run build
```
**Upgrade Remotion**
```console
npm run upgrade
```
## Docs
Get started with Remotion by reading the [fundamentals page](https://www.remotion.dev/docs/the-fundamentals).
## Help
We provide help [on our Discord server](https://discord.gg/6VzzNDwUwV).
## Issues
Found an issue with Remotion? [File an issue here](https://github.com/remotion-dev/remotion/issues/new).
## License
Note that for some entities a company license is needed. Read [the terms here](https://github.com/remotion-dev/remotion/blob/main/LICENSE.md).