iT邦幫忙

0

網頁開啟鏡頭(webCam 和 手機鏡頭)掃描QRcode

各位好:
如題...
想請問如何利用webCam(電腦)和手機鏡頭(手機)在網頁上掃描QRcode?
有Google到好幾種方法可是都失效了......
目前障礙是叫出鏡頭的畫面並解析QRcode
麻煩各位大大

fillano iT邦超人 1 級 ‧ 2020-01-20 09:20:20 檢舉
https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

你這樣問很難知道問題在哪裡,最好描述一下你測試到什麼程度,在哪個步驟失敗。

2 個回答

1
johnnyjong823
iT邦新手 5 級 ‧ 2020-01-20 09:36:44
最佳解答

frankychen
可以試著參考一下這篇
https://ithelp.ithome.com.tw/articles/10206308

我最近實作有遇到一個問題是
Google Chrome會阻止非HTTPS的網域開啟鏡頭
我原本想用手機連我本機的IIS看成果,但鏡頭就是一直無法開
給你參考一下

還有一個是電腦的內建視訊鏡頭可能畫素太差,有時候QRCODE辨識不出來,要買好一點的鏡頭或是使用手機的!

強尼

這篇我有看到
但是他的DEMO在這裡沒畫面

fillano iT邦超人 1 級 ‧ 2020-01-20 14:48:43 檢舉

這是因為createObjectURL已經不能用了:
https://stackoverflow.com/questions/49886248/how-to-replace-url-createobjecturl

你可以參考這篇的MDN連結看一下要怎麼改用HTMLMediaElement.srcObject來實作。

好的,謝謝你!

1
WQ
iT邦新手 4 級 ‧ 2020-01-20 09:41:20

請參考這個網址
已測試過是可用的..

我要發表回答

立即登入回答