h5-scan (githubより転載)
モバイル端末はカメラを呼び出し、QR コードをスキャンして (反応およびネイティブ JS をサポート) jsQR をカプセル化し、カメラを呼び出してスキャンして QR コードを取得します。
テストアドレス: https://zyzcss.github.io/scan/scan.html
2 つのバージョンが含まれています: React 環境、ネイティブ JS 環境
ソースコードのダウンロードアドレス: https://github.com/zyzcss/h5-scan
必要な環境:https、プロテスト可能
互換性
https://caniuse.com/#search=getUserMedia
使用説明書
- git クローン https://github.com/zyzcss/h5-scan.git
- cd h5-スキャン
yarn
&yarn start
|npm install
&npm run start
- PC と携帯電話が同じ LAN 内にあることを確認し、ipconfig を使用して ipv4 が指す IP を表示します。 例: 192.168.0.1 モバイル ブラウザに反応環境を入力します: https://192.168.0.1:3000/ネイティブ js環境:https://192.168.0.1:3000/test.html
JS
使用説明書
基本的なスキャン機能は、あまりパッケージ化することなく実現されています。public/test.html