Skip to main content

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

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