H5 使用移动端摄像头

某些场景下，需要 H5 脱离应用来使用手机系统的摄像头用于照相或者拍摄。

目前而言，移动端使用 H5 调用摄像头有两种方案：

• getUserMedia Api
  这种方法的兼容很差，基本不考虑

• input type=file capture
  这种方法是目前的主流，兼容 IOS 和 Android，但是 Android 无法调用前置摄像头

其实真正费时间的就是方案的抉择，了解的方案的坑以及市面的流行方案后就可以开始写代码了（代码很简单，百度一大推）

具体的使用效果可以参考下面的两个 demo：
demo1: https://m-stg2.tianxiaxinyong.com/cooperation/b-test.html?pp=true&pps=
demo2: http://shieldweb.linkface.cn/ 体验码 tEas

PS：非常重要的一点，如果是在 APP 的 webview 下使用该 API，需要APP端在代码层面开通相关的权限，否则会出现闪退或者点击 input 无效的情况

参考文献 html5在手机端调用摄像头的介绍以及新特性

参考文献 HTML5利用WebRTC的getUserMedia获取摄像头信息模拟拍照及视频（完整示例）

参考文献 HTML5调用手机前置摄像头或后置摄像头拍照，canvas显示,经过Android测试