非HTTP状态下开启web视频的临时方案

引子

新版本的chrome在调用摄像头的时候,会有安全警告,所以调用摄像头的js方法就无法使用了,如下:


-w1604

意思是保证安全,你要在HTTPS的情况下,才能调用浏览器摄像头。但是我们平时开发的时候,本地环境往往没有HTTPS,如何解决呢?

禁用浏览器默认安全模式

复制如下命令到浏览器的地址栏:
chrome://flags/#unsafely-treat-insecure-origin-as-secure
如下图,找到黄色部分,然后enabled开启,并且把你自己本地模拟的域名放进去,如此就增加了白名单。设置好需要重启浏览器。

-w1213

回到浏览器测试视频,结果OK,如下:


-w928

电脑上的绿色点表示摄像头打开。


-w492

你可能感兴趣的:(非HTTP状态下开启web视频的临时方案)