---
nav: DEMO
group:
  title: 绿幕抠图

order: 2
---

# 视频背景

在背景图上叠加两个视频，左边是原视频，右边是移除绿幕背景后的效果。

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

实现原理参考文章：[WebGL Chromakey 实时绿幕抠图](https://hughfenghen.github.io/posts/2023/07/07/webgl-chromakey/)
