網頁啟動鏡頭掃描QRcode

qr code 網頁設計視訊掃描

king742171 2017-12-13 16:39:42 ‧ 26613 瀏覽

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

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

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

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

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

看更多先前的討論...收起先前的討論...

純真的人 iT邦大師 1 級 ‧ 2017-12-13 16:46:55 檢舉

我印象網頁掃描QR目前無法連動手機動作~

king742171 iT邦新手 2 級 ‧ 2017-12-13 16:54:29 檢舉

目前最廣泛的就是安裝APP啟動鏡頭掃描...

fillano iT邦超人 1 級 ‧ 2017-12-13 17:07:42 檢舉

https://github.com/schmich/instascan

King Tzeng iT邦新手 3 級 ‧ 2017-12-13 21:34:05 檢舉

@純真的人是可以用手機開啟的～但是目前iOS 平台要到11才支援，安卓OK～

純真的人 iT邦大師 1 級 ‧ 2017-12-13 23:36:40 檢舉

嗯~~我也是要等到所有的版本都支援才有辦法@@~
目前應該是只有半套~

king742171 iT邦新手 2 級 ‧ 2017-12-14 08:13:38 檢舉

喔喔~~沒想到有耶~~
謝謝fillano老大!!

登入發表討論

直播研討會

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

直播中

1 個回答

King Tzeng

iT邦新手 3 級 ‧ 2017-12-13 21:29:43

最佳解答

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

關鍵字可以搜尋WebRTC，目前安卓和電腦都有支援，但iOS要11才有支援TAT
希望可以幫助你～

回應 12
分享
檢舉

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

King Tzeng iT邦新手 3 級 ‧ 2017-12-13 21:34:47 檢舉

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

king742171 iT邦新手 2 級 ‧ 2017-12-14 08:16:29 檢舉

太棒了~還有成品可以參考~!!
哈哈~可以跟老闆提案了~!!!

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

King Tzeng iT邦新手 3 級 ‧ 2017-12-14 09:50:18 檢舉

哈哈～來吧～
（備戰中！！！

king742171 iT邦新手 2 級 ‧ 2017-12-14 10:30:31 檢舉

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

King Tzeng iT邦新手 3 級 ‧ 2017-12-14 12:52:27 檢舉

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

king742171 iT邦新手 2 級 ‧ 2017-12-14 13:19:32 檢舉

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