https://github.com/lirongtong/miitvip-scan-demo
:sparkling_heart: H5 + Web 浏览器端拉起摄像头，实现二维码 / 条形码的扫描并且解析（iPhone 系列手机，除了 Safari 自带浏览器支持外，其它任何浏览器不支持设置网站权限，采用折中的拍照识别方式，识别正确率比较低）:boom: 注：并未做比较全面的测试 :stuck_out_tongue_winking_eye:
https://github.com/lirongtong/miitvip-scan-demo
barcode browser html5 qrcode vite vue3 web zxing
Last synced: 11 days ago
JSON representation
:sparkling_heart: H5 + Web 浏览器端拉起摄像头，实现二维码 / 条形码的扫描并且解析（iPhone 系列手机，除了 Safari 自带浏览器支持外，其它任何浏览器不支持设置网站权限，采用折中的拍照识别方式，识别正确率比较低）:boom: 注：并未做比较全面的测试 :stuck_out_tongue_winking_eye:
- Host: GitHub
- URL: https://github.com/lirongtong/miitvip-scan-demo
- Owner: lirongtong
- License: mit
- Created: 2020-10-19T01:15:16.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-07-17T07:24:54.000Z (almost 2 years ago)
- Last Synced: 2025-03-30T12:03:45.818Z (about 1 month ago)
- Topics: barcode, browser, html5, qrcode, vite, vue3, web, zxing
- Language: Vue
- Homepage: https://scan.makeit.vip/
- Size: 44.9 KB
- Stars: 37
- Watchers: 1
- Forks: 7
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 扫描解析二维码 / 条形码
> 整个 Demo 项目采用的是 Vue3 + Vite + zxing + Ant Design Vue 构建。实现 Web 浏览器端拉起摄像头，扫描二维码 / 条形码并对其解析的功能。（注意：iPhone 系列的手机，除了 Safari 自带浏览器外，其它任何的浏览器是没有权限配置网站是否可用摄像头的，所以采用折中的解决方案，拉起摄像头后拍照进行识别）。
> Demo 体验地址：[https://scan.makeit.vip/](https://scan.makeit.vip/)
## 证书
> `localhost` 支持调试，需要用其它任何域名来调试的话，先配置 `https`（我测试的时候用的是 `letsencrypt` + `docker` 来生成免费的 `https` 证书的）
## 运行
```
git clone https://github.com/lirongtong/miitvip-canvas-demo.git
cd miitvip-scan-demo
npm install
npm run dev
```