getGifDurationInSeconds()

Part of the @remotion/gif package

Available from v3.2.22

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

Return value

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

Example

tsx
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;
};

tsx
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;
};

See also

• <Gif>
• Source code for this function