星期一, 4月 18, 2022

[Javascript] 使用Javascript呼叫Webcam掃QRCode - 整合的函式庫與html5範例

找了幾個控制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






沒有留言:

張貼留言

留個話吧:)