HTML <video> доступ к веб-камерам не работает в Chrome или Safari

Question

Я пытаюсь отобразить камеру своего Macbook на веб-сайте. Он работает в Firefox, но не в Safari или Chrome. http://idolmemory.com/camera_test.html

Примечание: У меня есть другой сайт, который отображает камеру, и он отлично работает в Chrome. https://www.ibiz.cards/

1) Есть ли что-то, что может блокировать камеру для первого домена? 2) Почему веб-камера никогда не работает в Safari?

Вот код, я использую:

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

<script> 
var video = document.querySelector("#thevideo"); 

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

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

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

function videoError(e) { 
    alert("error loading camera"); 
} 
</script> 

Edit: Так Chrome не работает, потому что для отображения веб-камеры, веб-сайт должен иметь SSL. Но мне все равно хотелось бы получить ответы на вопросы о Safari.

Answer 1

Navigator.getUserMedia нежелателен на предупреждение API ниже:

Эта функция была удалена из веб-стандартов. Хотя некоторые браузеры могут все еще поддерживать его, он находится в процессе удаления. Не используйте его в старых или новых проектах. Используемые страницы или веб-приложения могут перерыв в любое время.

Источник:https://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia

Как вы можете видеть выше, Safari не поддерживает это вообще, и не IE. Вместо этого вы должны использовать новинку MediaDevices.getUserMedia. Тем не менее, они также не поддерживаются ими.