Chrome浏览器不支持getUserMedia

Question

我的laravel网络应用中有一个表单，用户需要通过网络摄像头添加个人资料图片。在localhost（安全来源）中进行开发时，它工作正常，但是现在当我尝试使用IP地址访问它时，它似乎不起作用。

在开发我的项目时，我使用“ navigator.mediaDevices.getUserMedia”访问网络摄像头，但是现在当网站启用（或通过我的IP测试）时，chrome表示“ getUserMedia（）不再适用于不安全的来源”。我也尝试过Webcam.js，但是遇到了相同的错误。

navigator.mediaDevices.getUserMedia(constraints).
        then(handleSuccess).catch(handleError);

控制台中的错误输出：

[不推荐使用] getUserMedia（）不再适用于不安全的来源。要使用此功能，应考虑将应用程序切换到安全来源，例如HTTPS。有关更多详细信息，请参见https://sites.google.com/a/chromium.org/dev/Home/chromium-security/deprecating-powerful-features-on-insecure-origins。

Answer 1

  

从Chrome 47开始，仅允许来自安全来源HTTPS或localhost的getUserMedia（）请求。

您检查了此页面吗？我认为您正在使用HTTP。我想切换到HTTPS并对其进行测试。 https://developers.google.com/web/updates/2015/10/chrome-47-webrtc?hl=en

Answer 2

从doc中可以看到，chrome需要使用安全的上下文：

因此，您必须切换到https才能在chrome中对其进行测试