<capture-photo>

A custom element that implements the MediaDevices.getUserMedia() method to capture a photo in the browser.

Demo

Open the browser's console to watch emitted events.

Attributes

facing-mode

camera-resolution

zoom

pan

tilt

calculate-file-size

no-image

Note, that some of the attributes depend on the camera hardware support, so they may not work on all devices.

Source code

<capture-photo auto-play></capture-photo>