Chrome不會讓HTTP託管網站訪問攝像頭和麥克風

Question

我使用react-webcam爲應用程序捕捉自拍。在本地主機上，react-webcam完美運行，而HTTP託管的Web服務器攝像頭訪問在Chrome上默認被拒絕。是否有任何解決方案可用於網絡攝像頭訪問或任何其他可用於此目的的npm插件。

注意：允許HTTPS支持的站點同時訪問攝像機&麥克風。在這裏，我只剩下HTTP選擇。

Answer 1

的反應-網絡攝像頭使用getUserMedia API其中specification狀態：

當在不安全的原點[混合內容]，鼓勵用戶代理以警告navigator.mediaDevices.getUserMedia的用法，導航儀。 getUserMedia以及開發人員工具中的任何前綴變體，錯誤日誌等。只要用戶代理在不安全的來源上，只要它們一次全部刪除它們（例如，它們不應該在不安全的起源上留下前綴版本）。

瀏覽器，從版本開始47個實現了該安全策略（Source）：

使用Chrome 47開始，getUserMedia（）請求只能從安全來源合法的：HTTPS或本地主機。

因此，如果沒有安全連接，您將無法使用麥克風或相機。