链接:https://www.zhihu.com/question/34770454/answer/213120886
来源:知乎
这个问题我今天下午做笔试时碰到了,最后成功解决,可以好好解答下。
关键词:在线笔试;USB摄像头;webcam;谷歌浏览器;
1、先上解决方案
(1)chrome版本
其实从楼上大神回答来看:参见@张少东 ,就是chrome版本的问题,46之后的版本就不行。所以在百度或者360里输入 chrome 46 搜索,然后下载安装。
这是应急的方法,但不完美,因为有的人就想让chrome的版本保持最新(比较强迫症患者)。
这时候可以看下面的方法2,方法2不一定通用,因为目前来看牛客在线笔试是可以的,但有人在银行在线笔试上行不行就不好说了。。。
(2)网页
这个才是最关键的,因为一般的webcam(就是我们用的USB摄像头)都是能在QQ上直接用的,但是为什么在chrome浏览器上做笔试就用不了呢?
新版的谷歌浏览器应该是要https访问才可以调用摄像头了!所以楼上说的这个网页摄像头 (Media Capture)来测试是不行的,因为修改不了https;
其实这个在IE中是可以得,因为IE对https的访问没有限制吧。
所以即使你的版本不是46,只要你访问的网站是https://开头的,其实还是可以访问的!比如知乎上的,以及牛客上的。
下面这是牛客网发来的笔试链接
<img src="https://i-blog.csdnimg.cn/blog_migrate/329cd739319885c10bc55397f5963bff.png" data-rawwidth="686" data-rawheight="166" class="origin_image zh-lightbox-thumb" width="686" data-original="https://pic3.zhimg.com/v2-ed580ca9186969bda850fcd236534d6a_r.png">下面是知乎上本帖子的链接
<img src="https://i-blog.csdnimg.cn/blog_migrate/d5b11a16117b990b4ae183534062a7f3.png" data-rawwidth="608" data-rawheight="73" class="origin_image zh-lightbox-thumb" width="608" data-original="https://pic1.zhimg.com/v2-238042c28cdc5b844b9e17aec2a44e6c_r.png">
其实为了做题还有一步需要chrome的页面访问权限设置,这一步才是临门一脚,必不可少:
我就是在做题前没有完成这一步导致功亏一篑的。
<img src="https://i-blog.csdnimg.cn/blog_migrate/2b2632b96514322c2ad12bbf90c2dabd.png" data-rawwidth="1019" data-rawheight="752" class="origin_image zh-lightbox-thumb" width="1019" data-original="https://pic3.zhimg.com/v2-dd4cd88174f65ce05e650195ebfd9afa_r.png">
(3)chrome设置
参见
chrome设置的问题,打开设置-高级设置-隐私设置(chrome://settings/content直达)找到摄像头。这是辅助答案,上面解决不了在看看这个设置。
2、分析下原理
现在的Chrome浏览器中,新功能可以利用HTML5的getUserMedia API,不需要Adobe Flash或Silverlight等插件就可以在浏览器中使用摄像头。
所以本质上可能就是这个getUserMedia API的问题吧。
3、实现效果
这个访问下摄像头调试(牛客网的摄像头测试地址www.nowcoder.com/test/video)
最后能达到下面效果就能做题啦:
<img src="https://i-blog.csdnimg.cn/blog_migrate/b1746f188ce22f18734a705ccdb78d04.png" data-rawwidth="960" data-rawheight="689" class="origin_image zh-lightbox-thumb" width="960" data-original="https://pic4.zhimg.com/v2-f05dcd337fdfb215f5ca2236fe8bd46b_r.png">
4、推荐下chrome一个专门针对https开头网站的 测试webcam的插件!