iT邦幫忙

3

網頁啟動鏡頭掃描QRcode

如題..
突發奇想的想法..
筆電或桌機接上視訊鏡頭~
或是利用平板或手機上的鏡頭~
來掃描外部的QR(例如紙張上的或名片上的)

因為要跨平台製作~
所以開發響應式Web版掃描QR

也就是說利用網頁啟動電腦或其他平台的視訊鏡頭
來掃描QR條碼

像這樣的技術是否有方法..

PS:我自己是已知可以網頁啟動鏡頭,但是找不到可以掃描QR的,只找到在網頁上安裝擴充功能對電腦裡的QR掃描或連結

看更多先前的討論...收起先前的討論...
我印象網頁掃描QR目前無法連動手機動作~
目前最廣泛的就是安裝APP啟動鏡頭掃描...
fillano iT邦超人 1 級 ‧ 2017-12-13 17:07:42 檢舉
https://github.com/schmich/instascan
@純真的人 是可以用手機開啟的~但是目前iOS 平台要到11才支援,安卓OK~
嗯~~我也是要等到所有的版本都支援才有辦法@@~
目前應該是只有半套~
喔喔~~沒想到有耶~~
謝謝fillano老大!!

1 個回答

2
King Tzeng
iT邦新手 5 級 ‧ 2017-12-13 21:29:43
最佳解答

你好~我也是King XD
我做過相關的專案,就是用fillano說的那一套做的~
我是用QRcode去掃描狂犬牌,去做協尋的動作~(但現在沒啥功能就是了XD
https://givemefind.tzeng17.com/find_mobile.html

關鍵字可以搜尋WebRTC,目前安卓和電腦都有支援,但iOS要11才有支援TAT
希望可以幫助你~/images/emoticon/emoticon08.gif

看更多先前的回應...收起先前的回應...

你可以用手機或是電腦試試看~XD

太棒了~還有成品可以參考~!!
哈哈~可以跟老闆提案了~!!!
/images/emoticon/emoticon01.gif

(PS..這個世界..容不下兩個King!!!決鬥吧!!!)XDDDDDD

哈哈~來吧~
(備戰中!!!/images/emoticon/emoticon01.gif

ㄜ..提個問題..
我剛剛大概看了一下那個github~
他有提供Instascan.Camera.getCameras()
這是裡面內建來抓外接視訊鏡頭用的~對吧?!
還是說..我還得再去找相關可以驅動鏡頭的JS?

本身你的鏡頭驅動先安裝好後,他會去抓你camera的資訊~
不用在額外找其他JS(恩...應該沒錯....XD

我用他github裡面的Try the live demo測試個平台..
測試結果如下..
Android手機可以(ASUS、HTC、SAMSUNG)
筆電可以
桌電外接視訊鏡頭可以
但是iPad Pro不行..版本是iOS10
沒有iPhone測不到..
怎麼會抓不到咧~~
檢查瀏覽器設定..
相機存取權有開啟..0.0

阿....我在耍笨...
我注意到你前面有說iOS11...= =
立馬更新!!

iOS11更新好後...
測試結果..
Safari 11 可以取得鏡頭..
並成功抓到QRcode資訊~
不過要到設定將Safari的WebRTC API功能打開..
目前版本..這部分是試驗性功能(開發階段)

至於同樣的環境(iOS11)開啟Chrome..
卻無法取得鏡頭...
Chrome與隱私權設定都檢查過..
相機功能有開啟..
還不知道原因在哪..= =

好像一定要用Safari才能開鏡頭....iOS我也蠻傷腦筋的TAT

king742171加我FB 我們一起討論看看XD

版大您的DEMO頁面,chrome好像已經無法支援會報錯

henrylin0914蝦咪!好我去看!感謝回報!!!/images/emoticon/emoticon35.gif

我要發表回答

立即登入回答