Javascript hulp nodig! Photobooth

[fh204]

Hallo ik ben nieuw met Javascript maar ik wil iets maken met de webcam. Ik heb hier een artikel gevonden hoe ik er een moet maken:

Hands on: building an HTML5 photo booth with Chrome’s new webcam API | Ars Technica

Ik wil graag hier aan toevoegen, een plaatje zoals een bril, hoedje of een snor. De plaatje moet over de webcam canvas komen en een foto kunnen maken. Het resultaat moet een snapshot zijn met de plaatje erin. Is dit te doen?

Ik heb ook dit kunnen vinden maar het heeft ook niet geholpen:

var ctx = bril.getContext("2d");

var img=new Image();

img.onload=function()

{

ctx.drawImage(img,0,0); // img of canvas

};

img.src='IMAGE.png';