@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.186

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

yarn

pnpm i @remotion/gif@4.0.186

pnpm i @remotion/gif@4.0.186

pnpm

bun i @remotion/gif@4.0.186

bun i @remotion/gif@4.0.186

bun

yarn --exact add @remotion/gif@4.0.186

yarn --exact add @remotion/gif@4.0.186

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