mediaDevices.getUserMedia
Web app displays a user's web cam on screen, with the option to apply video filter effects and capture the output as screenshot.
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.