通用型H5二维码扫描插件源码

嘿,您猜怎么着,我今天又想起了一个之前没有发博客就发布的好东西,啧,现在用来 水一篇 写一篇博客~

H5 Qrcode Scanner

网站可使用的二维码扫描插件,首发于githubDCloud 插件市场,并集成于我的开源项目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库

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值