Author
Welling Guzman
6 Comments
Go to Comments
Modern browsers support playing video via the <video></video>
element. Most browsers also have access to webcams via the MediaDevices.getUserMedia()
API. But even with those two things combined, we can’t really access and manipulate those pixels directly.
Fortunately, browsers have a Canvas API that allows us to draw graphics using JavaScript. We can actually draw images to the <canvas></canvas>
from the video itself, which gives us the ability to manipulate and play with those pixels.
Everything you learn here about how … Read article