---
nav: DEMO
group:
  title: Green screen matting

order: 2
---

# Video Background

Overlay two videos on top of the background image, the original video on the left and the effect after removing the green screen background on the right.

<code src="./3_2_1-chromakey-video.tsx"></code>

The implementation principle refers to the article:[WebGL Chromakey real-time green matting](https://hughfenghen.github.io/posts/2023/07/07/webgl-chromakey/)
