Chapter 718: extractFramesOnWebWorker()

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 extractFramesOnWebWorker({
  src: 'https://remotion.media/video.mp4',
  timestampsInSeconds: [0, 1, 2, 3, 4],
  onFrame: (frame) => {
    console.log(frame);
    //           ^?
  },
});

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

Key Takeaways

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

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.