Skip to main content

v4.0 Alpha

Help us shape Remotion 4.0!

What to test​

We are mainly looking for feedback on the experience of the new Render button and the interactive props editor.

  • Render button: Click the rocket icon while editing any video in the Remotion Preview.
  • Interactive props editor: Define a schema and then edit the schema in the right sidebar of the Remotion Preview.

We are also welcoming any bug reports about the other new features. See a list of changes in v4.0 here.

How to upgrade​

See the changelog to find the latest version. Upgrade remotion and all packages starting with @remotion to the latest version, e.g. 4.0.0:

package.json
diff
- "remotion": "^3.3.87"
- "@remotion/bundler": "^3.3.87"
- "@remotion/eslint-config": "^3.3.87"
- "@remotion/eslint-plugin": "^3.3.87"
- "@remotion/cli": "^3.3.87"
- "@remotion/renderer": "^3.3.87"
+ "remotion": "4.0.0-alpha13"
+ "@remotion/bundler": "4.0.0-alpha13"
+ "@remotion/eslint-config": "4.0.0-alpha13"
+ "@remotion/eslint-plugin": "4.0.0-alpha13"
+ "@remotion/cli": "4.0.0-alpha13"
+ "@remotion/renderer": "4.0.0-alpha13"
package.json
diff
- "remotion": "^3.3.87"
- "@remotion/bundler": "^3.3.87"
- "@remotion/eslint-config": "^3.3.87"
- "@remotion/eslint-plugin": "^3.3.87"
- "@remotion/cli": "^3.3.87"
- "@remotion/renderer": "^3.3.87"
+ "remotion": "4.0.0-alpha13"
+ "@remotion/bundler": "4.0.0-alpha13"
+ "@remotion/eslint-config": "4.0.0-alpha13"
+ "@remotion/eslint-plugin": "4.0.0-alpha13"
+ "@remotion/cli": "4.0.0-alpha13"
+ "@remotion/renderer": "4.0.0-alpha13"

Make sure the versions don't have a ^ character in front of it.

Most important breaking changes:

1
 The config file must now import the config like the following:
ts
import { Config } from "@remotion/cli/config";
ts
import { Config } from "@remotion/cli/config";
2
 Also in the config file:
ts
Config.setImageFormat("jpeg");
ts
Config.setImageFormat("jpeg");

has been replaced with

ts
Config.setVideoImageFormat("jpeg");
ts
Config.setVideoImageFormat("jpeg");

See how to migrate: Migration guide

Changelog​

4.0.0-alpha22​

Release candidate!

  • Fix rotated videos with OffthreadVideo
  • height, width etc. is optional when passing calculateMetadata()

4.0.0-alpha21​

  • calculateMetadata() behaves correctly on Lambda
  • Fixed known crashes with OffthreadVideo

4.0.0-alpha19​

  • Nicer logging
  • Warn if props are bigger than 10MB
  • Upgrade ESBuild to 0.18 (TS 5.0 support)

4.0.0-alpha18​

  • Nicer and less buggy logging in the CLI

4.0.0-alpha16​

  • Intention: Lower the minimum required glibc version on Linux x64 to support Ubuntu 20.04

4.0.0-alpha14​

  • Make renders via the CLI faster using a reusable server
  • console.log's are symbolicated when rendering locally using --log=verbose
  • Fix bug in composition metadata resolution
  • New design for the schema editor
  • Upgrade TypeScript ESLint, Prettier and Turborepo

4.0.0-alpha13​

  • Fix editor props not being applied

4.0.0-alpha12​

  • More performant Studio

4.0.0-alpha11​

  • Performance improvements for the Remotion Studio
  • Your component should do less unnecessary re-renders.

4.0.0-alpha10​

  • Renamed Remotion Preview to Remotion Studio
  • Various fixes for the Remotion Studio
  • New prop for Composition: calculateMetadata! See: Data fetching and Variable metadata

4.0.0-alpha9​

  • Various polish for the Remotion Preview

4.0.0-alpha8​

  • Props editor polish
  • Fix a crash with <OffthreadVideo>

4.0.0-alpha7​

  • Fix bugs reported with <OffthreadVideo> and more verbose logging
  • Refined editor
  • Fix Lambda issues
  • Revamped CLI verbose logging mode
  • FFmpeg is now in the Lambda function instead of a Lambda Layer

4.0.0-alpha6​

  • Fixes EACCES errors appearing
  • GUI design improvements
  • Fix warnings if Zod is not installed
  • Breaking change: staticFile() now encodes the filename using encodeURIComponent. You don't have to and should not do it manually anymore - see migration guide

4.0.0-alpha5​

May 3rd 2023:

  • Features the new Rust renderer enabling faster <OffthreadVideo>!
  • z is not exported from Remotion anymore, instead, just install zod!
  • zColor is now to be installed from @remotion/zod-types
  • Overall polish of the editor

4.0.0-alpha.185+1b8f0e746​

  • Fix rendering with FFmpeg on Linux
  • Make all strings as const when saving back to the root file to ensure type safety.
  • New zColor() API
  • New sidebar design and new mechanism for toggling sidebars
  • Create new array items
  • Zod union type support
  • Overall polish!

4.0.0-alpha.127+bcc7f944b​

Improve the saving back to code feature if you are using as const.

4.0.0-alpha.115+764023ad5​

Initial v4 alpha release