Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Advanced Chroma Key Effects Component with RGB Color Selection #4882

Closed

Conversation

anksji
Copy link

@anksji anksji commented Feb 12, 2025

Fixes #4841
Overview
Introduced a new GreenScreenOverlay component providing advanced chroma key capabilities in Remotion compositions. This standalone implementation enables dynamic RGB color removal with configurable parameters for achieving high-quality video transparency effects.

Features

Configurable RGB color targeting with keyColor prop [0.0-1.0]
Fine-tuned controls: similarity (0.4), smoothness (0.075), spill (0.3)
Real-time video processing with performance optimization
Flexible positioning and scaling options
Cross-browser WebGL2 support
Added comprehensive documentation

Copy link

vercel bot commented Feb 12, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
bugs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 12, 2025 10:33pm
remotion ❌ Failed (Inspect) Feb 12, 2025 10:33pm

@anksji
Copy link
Author

anksji commented Feb 12, 2025

@JonnyBurger @wcandillon
Issue #4841
I've implemented a robust chroma key effect that I believe would be valuable as part of Remotion's core effects library:

Key benefits of integration:

  • Provides essential video transparency capabilities
  • Full RGB color keying with configurable parameters
  • Optimized for Remotion's rendering pipeline
  • Full TypeScript support and comprehensive documentation
  • Already tested with published package @stackops/remotion-chroma-key-effects

Would love to discuss integrating this into the main library to provide built-in chroma key support for all Remotion users.

@JonnyBurger
Copy link
Member

It seems like we cannot merge this because 1. the PR is huge and 2. there is only a index.html, when our packages are JS

But it seems like your algorithm might be useful for other people. Maybe make it more minimal and post an example in the issue instead?

@anksji anksji closed this Feb 13, 2025
@anksji anksji deleted the feature/advance-chroma-key-effect branch February 13, 2025 15:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Advanced Chroma Key
2 participants