找了幾個控制webcam的方法,桌機跟手機要可以運行。
QuaggaJS
https://serratus.github.io/quaggaJS/
Instascan
https://www.tutorialstuff.com/tutorials/jquery-html5-qr-code-scanner-using-instascan-js-exampleexample
html5自幹:
使用 jsqrcode
https://www.sitepoint.com/create-qr-code-reader-mobile-website/
demo網址在iphoneX測試可用
https://ilrm9.csb.app/
AngularJS 1.x directive
2022/10/12 測試本專案的 js 版本不適用目前的版本
使用 jsqrcode
https://github.com/sembrestels/angular-qr-scanner
後記
要在開發環境啟用 相機(window.navigator.mediaDevices.getUserMedia)
請至chrome設定啟不insecure
chrome://flags/#unsafely-treat-insecure-origin-as-secure