웹캠에 액세스 할 때 콘솔 오류가 발생했습니다.

Question

HTML5에서 웹캠을 테스트하는 데 문제가 있습니다.

<meta charset="utf-8"> 
    <title>Display Webcam Stream</title> 
    <script language="Javascript"> 
     var video = document.getElementById('video'); 

     if(navigator.mediaDevices && navigator.mediaDevices.getUserMedia) { 
      navigator.mediaDevices.getUserMedia({ video: true 
        }).then(function(stream) { 
        video.src = window.URL.createObjectURL(stream); 
        video.play(); 
      }); 
     } 
    </script> 

몸 내부가 : 코드의

내가 내 웹캠 차례 허용 한 후

<video id="video" autoplay="true"></video> 

웹 사이트에 가서는 (HTTPS)는, 웹캠 저에게 허락을 받아야 콘솔을보고 있지만 오류가 있습니다 :

testing.php:14 Uncaught (in promise) TypeError: Cannot set property 'src' of null 
at testing.php:14 
at <anonymous> 

어떻게 해결할 수 있습니까?

(영어 불어/죄송합니다)

고맙습니다.

Answer 1

이 있다면

video는 또한, getElementById 여전히 null을 반환 ID를 가진 요소가 없습니다. 페이지 끝이나 DOMContentLoaded 이벤트 내에서 스크립트를 이동해야합니다.