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.43"
- "@remotion/bundler": "^3.3.43"
- "@remotion/eslint-config": "^3.3.43"
- "@remotion/eslint-plugin": "^3.3.43"
- "@remotion/cli": "^3.3.43"
- "@remotion/renderer": "^3.3.43"
+ "remotion": "4.0.0-alpha.115+764023ad5"
+ "@remotion/bundler": "4.0.0-alpha.115+764023ad5"
+ "@remotion/eslint-config": "4.0.0-alpha.115+764023ad5"
+ "@remotion/eslint-plugin": "4.0.0-alpha.115+764023ad5"
+ "@remotion/cli": "4.0.0-alpha.115+764023ad5"
+ "@remotion/renderer": "4.0.0-alpha.115+764023ad5"
package.json
diff
- "remotion": "^3.3.43"
- "@remotion/bundler": "^3.3.43"
- "@remotion/eslint-config": "^3.3.43"
- "@remotion/eslint-plugin": "^3.3.43"
- "@remotion/cli": "^3.3.43"
- "@remotion/renderer": "^3.3.43"
+ "remotion": "4.0.0-alpha.115+764023ad5"
+ "@remotion/bundler": "4.0.0-alpha.115+764023ad5"
+ "@remotion/eslint-config": "4.0.0-alpha.115+764023ad5"
+ "@remotion/eslint-plugin": "4.0.0-alpha.115+764023ad5"
+ "@remotion/cli": "4.0.0-alpha.115+764023ad5"
+ "@remotion/renderer": "4.0.0-alpha.115+764023ad5"

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

Known issues​

  • The render queue does currently render multiple videos at once
  • The render queue does not handle if the Preview Server is disconnected
  • Saving input props has no progress indication
  • Button for saving input props shows up even if saving is not possible
  • Unserializable values in defaultProps make the JSON editor act up.
  • All strings are as const when saving back to the root file.

Changelog​

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