makeit/makeit-scan

Fork 0

💖 H5 + Web 浏览器端拉起摄像头，实现二维码 / 条形码的扫描并且解析（iPhone 系列手机，除了 Safari 自带浏览器支持外，其它任何浏览器不支持设置网站权限，采用折中的拍照识别方式，识别正确率比较低）💥 注：并未做比较全面的测试 😜 https://scan.makeit.vip

Go to file

makeit 98860a77f0 All checks were successful continuous-integration/drone/push Build is passing Details drone.yml		2024-08-07 17:02:51 +08:00
public	ads	2024-08-07 16:26:42 +08:00
src	init source code	2024-08-07 15:40:51 +08:00
.drone.yml	drone.yml	2024-08-07 16:58:12 +08:00
.gitignore	init source code	2024-08-07 15:40:51 +08:00
index.html	ads	2024-08-07 16:26:42 +08:00
LICENSE	init source code	2024-08-07 15:40:51 +08:00
package.json	drone.yml	2024-08-07 16:22:10 +08:00
README.md	drone.yml	2024-08-07 17:02:51 +08:00
vite.config.ts	init source code	2024-08-07 15:40:51 +08:00

README.md

扫描解析二维码 / 条形码

整个 Demo 项目采用的是 Vue3 + Vite + zxing + Ant Design Vue 构建。实现 Web 浏览器端拉起摄像头，扫描二维码 / 条形码并对其解析的功能。（注意：iPhone 系列的手机，除了 Safari 自带浏览器外，其它任何的浏览器是没有权限配置网站是否可用摄像头的，所以采用折中的解决方案，拉起摄像头后拍照进行识别）。

Demo 体验地址：https://scan.makeit.vip/

证书

localhost 支持调试，需要用其它任何域名来调试的话，先配置 https（我测试的时候用的是 letsencrypt + docker 来生成免费的 https 证书的）

运行

git clone https://git.makeit.vip/makeit/makeit-scan.git
cd miitvip-scan-demo
npm install
npm run dev

README.md Unescape Escape

扫描解析二维码 / 条形码

证书

运行

README.md