@remotion/preload

This package provides functions for preloading assets. While preload is not necessary for rendering, it can help with seamless playback in the <Player /> and in the Studio. Currently, three functions are implemented:

preloadVideo()

Preload a video source

preloadAudio()

Preload an audio source

preloadFont()

Preload a font

preloadImage()

Preload an image

resolveRedirect()

Get the definitive URL after all redirects

An alternative to @remotion/preload is the prefetch() API. See @remotion/preload vs prefetch() to decide which one is better for your usecase.

Installation

Remotion CLI

npx remotion add @remotion/preload

npm

npm i --save-exact @remotion/preload@4.0.417

This assumes you are currently using v4.0.417 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.

bun

pnpm i @remotion/preload@4.0.417

This assumes you are currently using v4.0.417 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.

pnpm

bun i @remotion/preload@4.0.417

This assumes you are currently using v4.0.417 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.

yarn

yarn --exact add @remotion/preload@4.0.417

This assumes you are currently using v4.0.417 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.