之前有寫過實名制及報名網站內含 QRCode 的判讀功能,使用 Intascan 及 Webrtc 的 javascript 模組。 參考資料:[day14]-使用網頁開啟相機掃描QR Code-instascan介紹+實際應用( https://ithelp.ithome.com.tw/articles/10206308 ) Instscan: https://github.com/schmich/instascan Webrtc: https://github.com/webrtc/adapter 網頁 html 上半部是掃描結果訊息顯示的部份,result_icon 用 materical design icons 顯示各個圖示;scan_text 顯示掃描結東;result_text 顯示文字化結果。 下半以 video 顯示 WebRTC 從 Camera 擷取的畫面,並由 Instascan 依此資料判讀 QRCode 資訊。camera_select 作為切換 Camera 的功能。 Javascript <script> let precode = ''; let res = ''; let audio = new Audio('audio_beep.mp3'); let scanner = new Instascan.Scanner({ video: document.getElementById('preview'), mirror: false }); scanner.addListener('scan', function(content) { ...