getUserMedia() không được hỗ trợ trong chrome

Question

Tôi đang cố gắng truy cập webcam của mình bằng cách sử dụng getUserMedia() sử dụng trang web của riêng tôi chạy bằng địa chỉ ip của chính tôi.

nó hoạt động tốt cho đến khi tôi thử lại trang web của mình. tôi đã thử trang demo khác và lỗi được đưa ra là getUserMedia không được hỗ trợ.

Chrome 32bits phiên bản v47.0.2526.80m

Tôi có thể truy cập vào webcam nếu tôi nhập localhost thay vì ipadress tôi. nó cũng hoạt động trong firefox.

Answer 1

Chrome yêu cầu nguồn gốc an toàn (HTTPS) cho getUserMedia.

Bắt đầu với Chrome 47, yêu cầu getUserMedia() chỉ được phép từ nguồn gốc an toàn: HTTPS hoặc localhost.

https://developers.google.com/web/updates/2015/10/chrome-47-webrtc?hl=en

Answer 2

Chrome cuối cùng thực hiện phương pháp mới navigator.mediaDevices.getUserMedia(), nhưng họ thêm một an ninh rằng sẽ ngăn chặn các cuộc gọi từ địa chỉ không an toàn (không https hoặc máy chủ không localhost)

Bạn sẽ gọi nó là như thế này:

var video = document.querySelector('video'); 
navigator.mediaDevices.getUserMedia({video:true}).then(function(mediaStream){ 
    window.stream = mediaStream; 
    video.src = URL.createObjectURL(mediaStream); 
    video.play(); 
}); 

Hoặc bạn có thể sử dụng chính thức webRTC polyfillThư viện.

var constraints = { video: true, audio: true }; 

navigator.mediaDevices.getUserMedia(constraints) 
    .then(stream => video.srcObject = stream) 
    .catch(e => console.error(e));