Javascript Chrome不支持getUserMedia

Javascript Chrome不支持getUserMedia,javascript,jquery,webcam,secure-context,Javascript,Jquery,Webcam,Secure Context,我的laravel webapp中有一个表单,用户需要通过网络摄像头添加个人资料图片。在localhost(安全源代码)中开发时,它工作正常,但现在当我试图使用我的IP地址访问它时,它似乎不起作用 我在开发项目时使用“navigator.mediaDevices.getUserMedia”访问网络摄像头,但现在当网站上线(或通过我的IP进行测试)时,chrome说“getUserMedia()不再适用于不安全的来源”。我也试过Webcam.js,但同样的错误也出现了 navigator.medi

我的laravel webapp中有一个表单,用户需要通过网络摄像头添加个人资料图片。在localhost(安全源代码)中开发时,它工作正常,但现在当我试图使用我的IP地址访问它时,它似乎不起作用

我在开发项目时使用“navigator.mediaDevices.getUserMedia”访问网络摄像头,但现在当网站上线(或通过我的IP进行测试)时,chrome说“getUserMedia()不再适用于不安全的来源”。我也试过Webcam.js,但同样的错误也出现了

navigator.mediaDevices.getUserMedia(constraints).
        then(handleSuccess).catch(handleError);
控制台中的错误输出:

[Deprecation]getUserMedia()不再适用于不安全的来源。要使用这个特性,您应该考虑将应用程序切换到安全的原点,例如HTTPS。有关更多详细信息,请参阅

从Chrome 47开始,getUserMedia()请求只允许来自安全来源:HTTPS或localhost

你看过这一页了吗?我认为您正在使用HTTP。我想切换到HTTPS并测试它。

从中可以看出,chrome需要一个安全的上下文来使用它:


因此,您必须切换到
https
,以便在chrome中测试它

警告说明了一切-
考虑将您的应用程序切换到安全源,例如https。
。获取SSL证书,如果您需要一个快速的(让我们加密)副本,现在有一些免费证书。这与Laravel或PHP无关。需要getUserMedia()的替代品以使网络摄像头输入在不安全的情况下工作。另外@HilmiErdemKEREN,编辑,saarry:d这是出于安全原因,因此没有解决办法。是的,我很清楚这一点,但还有什么办法可以让网络摄像头部分在不安全的情况下工作?@Shiraj你能找到一个不安全的替代品吗?@RohitashwaNigam没有,但就在那一刻使用了firefox。但它在https中工作。