新版本的chrome在调用摄像头的时候,会有安全警告,所以调用摄像头的js方法就无法使用了,如下:
意思是保证安全,你要在HTTPS的情况下,才能调用浏览器摄像头。但是我们平时开发的时候,本地环境往往没有HTTPS,如何解决呢?
复制如下命令到浏览器的地址栏: chrome://flags/#unsafely-treat-insecure-origin-as-secure 如下图,找到黄色部分,然后enabled开启,并且把你自己本地模拟的域名放进去,如此就增加了白名单。设置好需要重启浏览器。
回到浏览器测试视频,结果OK,如下:
电脑上的绿色点表示摄像头打开。