uniApp-H5 使用摄像头扫码功能（扫一扫）_uniapp 扫一扫

比如某一页面，点击扫一扫 获取摄像头信息 需要点击，跳转到单独的扫码页面

## 插件简绍

### 实现原理

> 二维码识别功能使用的是jsQR这个库，调用摄像头使用的   navigator.mediaDevices.getUserMedia 这个H5的api。通过canvas画布把摄像头获取到的数据展现到页面上，同时循环监听jsQR解析。
 

### 使用环境

经测试发现大部分浏览器都可以正常使用（微信，QQ，谷歌，火狐，safari），少数的安卓自带浏览器无法使用（浏览器内核版本过低）。需要https环境才能使用，本地测试可以在 manifest.json  中点击源码展示，找到h5 ，添加："devServer" : { "https" : true}

需要https环境才能使用！！！

需要https环境才能使用！！！

需要https环境才能使用！！！

**小知识点：苹果设备上不论什么浏览器都是safari套壳的，不论是谷歌还是火狐都是safari套壳。这也就是代表在苹果上无需担心无法使用此插件。（造成这样的现象是因为苹果有一则协议，浏览器只能使用safari内核）**

在安卓系统上可以打开闪光灯

#### 通过脚手架创建的 uni 项目，需要看这里

如果你是通过脚手架创建的 uni 的项目，需要