Chapter 717: extractFrames()

Core Idea

:::warning We are phasing out Remotion WebCodecs and are moving to Mediabunny! **We recommend using Mediabunny for extracting frames instead.

Key Concepts

• API
• src
• timestampsInSeconds
• onFrame
• acknowledgeRemotionLicense?
• signal?
• logLevel?
• See also

Code Examples

await extractFrames({
  src: 'https://remotion.media/video.mp4',
  timestampsInSeconds: [0, 1, 2, 3, 4],
  onFrame: (frame) => {
    console.log(frame);
    //           ^?
  },
});

• What it demonstrates: Usage pattern for extractFrames() from the official docs.

Key Takeaways

1. Understand api when working with extractFrames().
2. Understand src when working with extractFrames().
3. Understand timestampsinseconds when working with extractFrames().
4. Understand onframe when working with extractFrames().
5. Understand acknowledgeremotionlicense? when working with extractFrames().

Connects To

• Buffer Writer: related page in the WebCodecs (@remotion/webcodecs) section.
• can Copy Audio Track: related page in the WebCodecs (@remotion/webcodecs) section.
• can Copy Video Track: related page in the WebCodecs (@remotion/webcodecs) section.