Web APIWebCam App

mediaDevices.getUserMedia

web cam example

Web app displays a user's web cam on screen, with the option to apply video filter effects and capture the output as screenshot.

web cam example

Utilizing the JavaScript getUserMedia Web API, video from a web cam is displayed on an HTML canvas element.

The user can capture a screenshot, which creates a PNG image from the canvas element using the toDataURL API and adds it to the page as a new DOM img element with any selected filter applied.