Como posso capturar uma imagem pela webcam do usuário usando getUserMedia?

Quero criar um programa na Web que capture uma imagem pela webcam do usuário.

Estou usando ogetUserMedia API da Web. Aqui está o meu código, mas não funciona. Como posso alterá-lo para capturar a imagem da webcam?

<div id="container">
    <video autoplay="true" id="videoElement">

    </video>
</div>
<script>

</script>

Existe o JS:

var video = document.querySelector("#videoElement");

navigator.getUserMedia, elem = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;

console.log(navigator.getUserMedia);

if (navigator.getUserMedia) {
    navigator.getUserMedia({video: true}, handleVideo, videoError);
}

function handleVideo(stream) {
    video.src = window.URL.createObjectURL(stream);
}

function videoError(e) {
    // do something
}

questionAnswers(3)

yourAnswerToTheQuestion