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

qrcode webcam js 前端

Franky Chen 2020-01-19 13:41:22 ‧ 8724 瀏覽

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

fillano iT邦超人 1 級 ‧ 2020-01-20 09:20:20 檢舉

https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia

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

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

johnnyjong823

iT邦新手 4 級 ‧ 2020-01-20 09:36:44

最佳解答

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

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

強尼

Franky Chen iT邦研究生 3 級 ‧ 2020-01-20 11:14:01 檢舉

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

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

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

Franky Chen iT邦研究生 3 級 ‧ 2020-01-21 18:57:27 檢舉

好的，謝謝你！

iT邦新手 2 級 ‧ 2020-01-20 09:41:20

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

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙

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