基于JS/H5实现二维码扫码增强版-带视频演示

模拟app扫码效果，支持前置摄像头后置摄像头切换，纯js+h5+css3实现，对接后端语言不限。还研究了借助其他app调用扫码效果更佳！

Safari浏览器亲测效果

浏览器支持二维码扫描效果

基于H5流媒体，调用手机摄像头实现扫码

实现原理：H5调用系统媒体设备》选择前置摄像头》捕获视频流》渲染到视频播放器》定时抓取视频截图》渲染到canvas》转换为图片流》使用图像识别库对图片流进行二维码识别
优势：
1.基于浏览器实现，轻便且维护方便无需安装或借助其他app 。
2.PC端带有摄像头设备也可兼容。

劣势：
1.部分浏览器不兼容（随着浏览器的更新兼容度会越来越高）
2.安全要求必须基于HTTPS访问。
3.夜拍模式不能自主控制开启补光。

基于URL Scheme，调用第三方APP实现扫码

实现原理：app之间为提高相互之间的深度连接性，会向系统注册一种自身功能API的快捷方式，利用其提供的快捷方式可以调用指定的app功能，如微信扫码 支付宝扫码等。
优势：
1.借用现有app实现扫码能力，无需另外安装兼容性好。
2.一键调用扫码，无需在应用间切换操作。
3.可以从第三app打开的webview中调用其提供的api接口获取部分系统信息、用户信息等。

劣势：
1.存在浏览器和app之间的切换过程。
2.依赖第三方接口可能存在更新变化。

** 建议：** 可以将方案1和方案2进行融合做兼容处理，提高其功能可用性。

↓↓↓↓↓附源码下载↓↓↓↓↓