嘿,您猜怎么着,我今天又想起了一个之前没有发博客就发布的好东西,啧,现在用来 水一篇 写一篇博客~
H5 Qrcode Scanner
网站可使用的二维码扫描插件,首发于github和DCloud 插件市场,并集成于我的开源项目Easy-Send中,基于Github Page的演示地址:https://ivanhanloth.github.io/qrcode-scanner/
使用方法
运行index.html即可使用,可放置于二级目录,可配合HBuilder等开发APP
原理分析
通过getUserMedia获取用户摄像头并显示于前端,定期截取摄像头内容并绘制于画板中,再使用二维码解码库对画板的内容进行解码,最后返回值
注意事项
- 网站使用需要为https协议,http协议无法调用摄像头
- 用户的浏览器支持调用摄像头且使用中同意网页获取摄像头权限
引用
基于 https://blog.csdn.net/qq_39075676/article/details/125069013 的开源代码二开,使用到了jquery等js库