🍋
Menu
Video

Chroma Key

Chroma Key Compositing

A technique replacing a solid-color background (green screen) with another image or video.

Détail technique

Video processing of chroma key involves multiple interdependent parameters: codec, container, resolution, frame rate, bitrate, color space, and audio track configuration. The MediaSource Extensions (MSE) API enables adaptive streaming in browsers, while the WebCodecs API provides low-level access to hardware encoders/decoders. Understanding chroma key is critical for balancing visual quality against bandwidth and storage constraints — a 1-minute 4K video at high quality can exceed 500 MB unoptimized.

Exemple

```html
<!-- Chroma Key: HTML5 video with format fallback -->
<video controls preload="metadata">
  <source src="video.webm" type="video/webm; codecs=vp9,opus">
  <source src="video.mp4"  type="video/mp4">
  Your browser does not support HTML5 video.
</video>
```

Outils associés

Termes associés