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().

licenseKey?​

A license key to use for this render. Pass a public license key, or "free-license" if you qualify for the free license. Defaults to no key.

One still-render telemetry event is sent for the entire batch, even if no key is provided. See Telemetry.

isProduction?​

Pass false for a development render so it is not counted as a billable render on remotion.pro. Defaults to true. Only has an effect when a license key is provided.

Return value​

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

See also​