Skip to main content

@remotion/renderer

import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import {TableOfContents} from '../components/TableOfContents/renderer';

The @remotion/renderer package provides APIs for rendering video server-side. The package is also internally used by the Remotion CLI and Remotion Lambda.

warning

The configuration file has no effect when using these APIs.

Installation

<Tabs defaultValue="npm" values={[ { label: 'npm', value: 'npm', }, { label: 'yarn', value: 'yarn', }, { label: 'pnpm', value: 'pnpm', }, ] }>

bash
npm i @remotion/renderer
bash
npm i @remotion/renderer
bash
pnpm i @remotion/renderer
bash
pnpm i @remotion/renderer
bash
yarn add @remotion/renderer
bash
yarn add @remotion/renderer

Also update all the other Remotion packages to have the same version: remotion, @remotion/cli and others.

note

Make sure no package version number has a ^ character in front of it as it can lead to a version conflict.

Server-side rendering examples

See the Server-side rendering for some examples of how to use server-side rendering.

Available functions

The following APIs are available in the @remotion/renderer package:

What's the difference between renderMedia() and renderFrames()?

In Remotion 3.0, we added the renderMedia() API which combines renderFrames() and stitchFramesToVideo() into one simplified step and performs the render faster. Prefer renderMedia() if you can.