html调用摄像头

应该有很多人知道，我们的手机里面有个功能是“抓拍入侵者”，说白了就是在解锁应用时如果我们输错了密码手机就会调用这一功能实现自动拍照。其实在手机上还有很多我们常用的软件都有类似于这样的功能，比如微信扫一扫二维码，玩图……感觉挺有趣的，今天，我们就来研究一下这个功能的原理，不过我们不是用Android来做，而是用HTML5和javascript来做，浏览器支持IE9+。布局很简单，就是设置一个“拍照”按钮的监听器，调用摄像头video，然后显示出来画像。（需要用户权限）首先，我们要允许网页宽度自动调整，我们在网页头添加viewport标签：