Mozilla Demo Studio

  • 送出一個 Demo


Create a dynamic chroma key effect with your camera

建立方法 裝置, JavaScript, HTML5, Canvas, 影片,

  • 172 個檢視數
  • 0 條回應

作者所寫的更多關於此 Demo 的資訊

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.


註冊登入 以新增您的回應。


下載原始碼 190.37 KB · ZIP 格式

Browse the Source

此 demo 係以 Apache 條款進行授權。

felipenmoura 的更多作品