Loading source

Preparing the source view

Pulling the file list, source metadata, and syntax-aware rendering for this listing.

Source from repo

remotion-best-practices

Apply best practices for creating programmatic videos with Remotion and React

Files

Skill

n/a

Size

111.5 KB

Entrypoint

SKILL.md

Format

git-repo

Open file

Syntax-highlighted preview of this file as included in the skill package.

markdown35 linesFree

ffmpeg and ffprobe do not need to be installed. They are available via the npx remotion ffmpeg and npx remotion ffprobe:

npx remotion ffmpeg -i input.mp4 output.mp3
npx remotion ffprobe input.mp4

You have 2 options for trimming videos:

Preferred: Use the trimBefore and trimAfter props of the <Video> component. This is non-destructive, requires no re-encoding, and you can change the trim at any time.

import {Video} from '@remotion/media';

<Video src={staticFile('video.mp4')} trimBefore={5 * fps} trimAfter={10 * fps} />;

Use the FFmpeg command line. You MUST re-encode the video to avoid frozen frames at the start of the video. Only use this if you need a standalone trimmed file (e.g. for upload or external use).

# Re-encodes from the exact frame
npx remotion ffmpeg -ss 00:00:05 -i public/input.mp4 -to 00:00:10 -c:v libx264 -c:a aac public/output.mp4