getGifDurationInSeconds()v3.2.22

Part of the @remotion/gif package.

Gets the duration in seconds of a GIF.

note

Remote GIFs need to support CORS.

More info

• Remotion's origin is usually http://localhost:3000, but it may be different if rendering on Lambda or the port is busy.

• You can disable CORS during renders.

Arguments

src

A string pointing to a GIF asset

options?v4.0.471

requestInit?v4.0.471

Options that are passed to the internal fetch() call when loading the GIF. This can be used to pass credentials or headers for authenticated GIFs.

Remotion manages the internal signal option itself, so passing a signal in requestInit has no effect.

Return value

Promise<number> - the duration of the GIF in seconds, not factoring in that whether it is looped.

Example

import {getGifDurationInSeconds} from '@remotion/gif';
import gif from './cat.gif';

const MyComp: React.FC = () => {
  const getDuration = useCallback(async () => {
    const imported = await getGifDurationInSeconds(gif); // 127.452
    const publicFile = await getGifDurationInSeconds(staticFile('giphy.gif')); // 2.10
    const remote = await getGifDurationInSeconds('https://media.giphy.com/media/xT0GqH01ZyKwd3aT3G/giphy.gif'); // 3.23
  }, []);

  useEffect(() => {
    getDuration();
  }, []);

  return null;
};

Compatibility

Browsers			Environments
Chrome	Firefox	Safari	Client-side rendering	Server-side rendering	Player	Studio

See also

• <Gif>
• Source code for this function