Capture webcam video on webpage

Photo by Cookie the Pom on Unsplash

Add <video> element with the autoplay attribute enabled:

Stream the video media using MediaDevices.getUserMedia():

Full example (see demo and code), which is inspired by the article “Capture Audio and Video in HTML5”:

This article was originally published on remarkablemark.org on December 17, 2020.