Skip to main content

@remotion/web-renderer

warning

Very experimental feature - expect bugs and breaking changes at any time.
Track progress on GitHub and discuss in the #web-renderer channel on Discord.

This package allows you to render videos and stills directly in the browser, without requiring server-side infrastructure.

Key differences from server-side rendering​

Unlike server-side rendering with @remotion/renderer, client-side rendering:

  • Runs in the browser instead of Node.js
  • Encodes with WebCodecs using Mediabunny instead of FFmpeg
  • Limited to a subset of tags and CSS properties - see limitations
  • No bundling step - takes components and video config directly

Installation​

npm i --save-exact @remotion/[email protected]
This assumes you are currently using v4.0.397 of Remotion.
Also update remotion and all `@remotion/*` packages to the same version.
Remove all ^ character in front of the version numbers of it as it can lead to a version conflict.

API​

See also​