html webcam capture example

html.html

<video id="video"></video>

js.js

// mediaDevices.getUserMedia is not implemented everywhere. this is a shit filler
const fillGetUserMedia = _ => {
	return function getUserMedia(constraints) {
		const gum = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
		if( !gum ) return Promise.reject('your browser is a pos');
		return new Promise( (resolve, reject) => {
			gum.call(navigator, constraints, resolve, reject);
		});
	}
};

if( !( 'mediaDevices' in navigator ) ) navigator.mediaDevices = {};

if( !( 'getUserMedia' in navigator.mediaDevices ) ) navigator.mediaDevices.getUserMedia = fillGetUserMedia();

const constraints = {
	audio: true,
	video: true,
	height: 1280,
	width: 720
};

navigator.mediaDevices.getUserMedia(constraints).then(stream => {
	video.src = URL.createObjectURL(stream);
	video.onloadedmetadata = _ => {
		video.play();
	};
});