Skip to main content

renderFramesOnWeb()v4.0.540

Part of the @remotion/web-renderer package.

Renders multiple frames of a composition in the browser. Unlike calling renderStillOnWeb() for each frame, the composition is only mounted once.

Example usage
import {renderFramesOnWeb} from '@remotion/web-renderer';

const stills = await renderFramesOnWeb({
  composition: {
    component: () => null,
    durationInFrames: 100,
    fps: 30,
    width: 1920,
    height: 1080,
    id: 'my-composition',
  },
  frames: [0, 30, 90],
  licenseKey: 'free-license',
});

const pngBlobs = await Promise.all(stills.map((still) => still.blob({format: 'png'})));

Arguments​

Accepts the same arguments as renderStillOnWeb(), except that frame is replaced by frames.

frames​

An array of frame numbers to render. Behaves like the frames option of renderFrames().

Return value​

A promise resolving to an array of RenderStillOnWebResult objects, one per frame, in ascending frame order.

See also​