Когда я пытаюсь транслировать видео с моей веб-камеры с помощью getUserMedia () api, появляется черный экран

Question

Я пытаюсь получить доступ к веб-камере пользователя с помощью navigator.getUserMedia(). Я назначаю video.srcObject этому потоку. Но я получаю черный экран на видео. Я событие попытался с navigator.mediaDevices.getUserMedia()

<video controls id="webcam"></video>
<script>
    const webcam = document.getElementById("webcam"); 
    function startVideo() {
        navigator
            .getUserMedia({
                    video: true,
                    audio: false
                },
                liveStream => {
                    console.log(liveStream);
                    webcam.setAttribute("controls", 'true');
                    webcam.srcObject = liveStream;
                    webcam.play();
                },
                error => console.log(error)
            )
    }
    startVideo();
</script>