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或本地主机。

因此，如果没有安全连接，您将无法使用麦克风或相机。