@remotion/gif

You can install this package from NPM to get a component for displaying GIFs that synchronize with Remotions useCurrentFrame().

npm

npm i --save-exact @remotion/gif@4.0.242

npm i --save-exact @remotion/gif@4.0.242

yarn

pnpm i @remotion/gif@4.0.242

pnpm i @remotion/gif@4.0.242

pnpm

bun i @remotion/gif@4.0.242

bun i @remotion/gif@4.0.242

bun

yarn --exact add @remotion/gif@4.0.242

yarn --exact add @remotion/gif@4.0.242

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

APIs

The following APIs are available:

<Gif>

Render a GIF

getGifDurationInSeconds()

Get the runtime of a GIF

preloadGif()

Prepare a GIF for displaying in the Player