webp-animation-info

A library to calculate animation information for WebP files in the browser.

Usage

Use either the default import or destructure.

import { webPAnimationInfo } from "webp-animation-info";
import webPAnimationInfo from "webp-animation-info";

Then call with a file as argument and receive a promise which may resolve to a results object.

webPAnimationInfo(event.target.files?.[0])
  .then((results) => {
    console.log(`${results.isAnimated}
${results.loops}
${results.totalDuration}`); // if isAnimated is true, 0 value for loops means infinite loops
    results.frameDurations.forEach((frameDuration) => {
      console.log(`${frameDuration}`);
    });
  })
  .catch((error) => {
    console.error(error); // the calculation may encounter and throw errors
  });