Commit Graph

1 Commits

Author SHA1 Message Date
xiaomai
02065d9c63 feat(demo): add real-time canvas video keying demo
This commit introduces a new interactive demo that performs real-time video keying using HTML5 Canvas.

The implementation processes video frames pixel by pixel to make dark areas transparent, simulating a chroma key effect.
The keyed video is then composited over a background image.

Features:
- An interactive control panel to adjust keying (threshold, softness) and transformation (position, scale, rotation,
opacity) parameters in real-time.
- Keyboard shortcuts for resetting parameters ('R') and toggling the control panel ('C').
- Graceful handling of potential cross-origin errors when processing video frames.
2025-10-12 11:23:34 +08:00