Create a dynamic chroma key effect with your camera

Built using Device, JavaScript, HTML5, Canvas, Video,


More About This Demo From The Author

Chroma key is a technique that removes pixels that match with a given color from a scene.
This way, movies and ads can pretend actors are in a very different place, when they are actually in a green room.

This demos uses:
- canvas
- video
- getUserMedia
- input of type range

Use the range input to change the depth/sensitivity of the effect.
Click on the image coming from your camera to specify the color you want to remove.

No comments yet.

Log in to add your own.

About this Demo

Download the Source 190.37 KB · ZIP File

Browse the Source

This demo is released under the Apache license.

More by felipenmoura