本方法两种应用方式:一种使用canvas解析本站图片中的二维码,canvas有同源策略限制,只能处理本站图片。另一种处理文件选择中的图片二维码。 第一种使用场景可以换成像微信中一样,长按图片识别二维码。 引用了第三方的qrcode.js解码,但是这个文件并未在GitHub中找到,不知道出处。源码: Read More
posted @ 2019-01-07 14:57 极·简 Views(2753) Comments(0) Diggs(0) Edit
本文代码测试要求,最新的chrome浏览器(手机APP),并且要允许chrome拍照录像权限,必须要HTTPS协议,http不支持。 原理:调用摄像头,将摄像头返回的媒体流渲染到视频标签中,再通过canvas绘制到画布上面,最后通过canvas分析二维码 兼容性只在手机中的chrome中测试通过,微 Read More
posted @ 2019-01-07 14:43 极·简 Views(18116) Comments(5) Diggs(1) Edit
主要运用H5的媒体接口API,MDN文档: navigator.mediaDevices(新版API),Navigator.getUserMedia(旧版API,不建议使用,但某些浏览器还支持),本文使用新版API 这个API并不是所有浏览器都支持,本人只在最新的chrome中测试通过,并且需要HT Read More
posted @ 2019-01-07 14:28 极·简 Views(4571) Comments(1) Diggs(1) Edit