JS-chromaKey

Create a dynamic chroma key effect with your camera

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

  • 172 views
  • 0 comments

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.

Register or log in to add your own.

Get the Source Code

Download the Source 190.37 KB · ZIP File

Browse the Source

This demo is released under the Apache license.

More by felipenmoura