02065d9c63a73a31ac716f5983d7433409d1d48f
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.
Description
A lightweight and customizable web-based display system designed for banquets, corporate events, and celebrations.
Languages
HTML
55.4%
JavaScript
28.9%
CSS
15.7%