HTML <video> ChromeまたはSafariでウェブカムアクセスが機能しない

Question

私のMacbookのカメラをウェブサイトに表示しようとしています。 Firefoxでは動作しますが、SafariやChromeでは動作しません。 http://idolmemory.com/camera_test.html

注：私はカメラを表示する別のサイトを持っています。これはChromeでも問題なく動作します。 https://www.ibiz.cards/

1）最初のドメインのカメラをブロックしている可能性がありますか？ 2）Webカメラが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> 

編集：だからChromeは働いていなかったのウェブカメラを表示するので、サイトはSSLを持っている必要があります。しかし、私はまだSafariについて何か答えが出たいと思います。

Answer 1

Navigator.getUserMediaは以下の警告APIごとに推奨されていません：

この機能は、Web標準から削除されました。一部のブラウザでもまだ がサポートされていますが、削除中です。 古いプロジェクトや新しいプロジェクトでは使用しないでください。それを使用しているページやWebアプリケーションはいつでも破損する可能性があります（ ）。

出典：あなたは上記を参照することができたようhttps://developer.mozilla.org/en-US/docs/Web/API/Navigator/getUserMedia

、Safariがすべてでこれをサポートしていない、またIEはありません。代わりに新しいMediaDevices.getUserMediaを使用してください。しかし、これもまだサポートされていません。