Chapter 714: createVideoDecoder()

Core Idea

:::warning We are phasing out Remotion WebCodecs and are moving to Mediabunny!

Key Concepts

• Differences to VideoDecoder
• API
• track
• onFrame
• onError
• controller?
• logLevel?
• Return type

Code Examples

const track = {} as unknown as MediaParserVideoTrack;


const decoder = await createVideoDecoder({
  track,
  onFrame: console.log,
  onError: console.error,
});

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

Key Takeaways

1. Understand differences to videodecoder when working with createVideoDecoder().
2. Understand api when working with createVideoDecoder().
3. Understand track when working with createVideoDecoder().
4. Understand onframe when working with createVideoDecoder().
5. Understand onerror when working with createVideoDecoder().

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.