項(xiàng)目需要使用EasyAR來(lái)開(kāi)發(fā)WebAR道偷,接下來(lái)會(huì)從項(xiàng)目開(kāi)始到結(jié)束整個(gè)記錄下來(lái)
自己的電腦局嘁,運(yùn)行環(huán)境Win10,服務(wù)器使用IIS搭建
一教翩、下載EasyAR的WebARDemo
1姚淆、創(chuàng)建EasyAR賬號(hào)
2映琳、新建云識(shí)別圖庫(kù)牙咏,自己測(cè)試搞個(gè)免費(fèi)的就行
3早直、查看密鑰,后邊會(huì)使用到
4沉填、github下載Demo:https://github.com/gentwolf-shen/EasyAR-WebAR-Demo
二疗隶、運(yùn)行WebAR Demo
1:、解壓下載的Demo翼闹,更改配置文件application.txt中的參數(shù)斑鼻,參數(shù)分別對(duì)應(yīng)新建云識(shí)別圖庫(kù)的密鑰中的參數(shù)
key :?Cloud Key
secret :Cloud Secret
url:Client-end (Target Recognition) URL
2、CMD運(yùn)行EasyAR-WebAR_windows.exe猎荠,測(cè)試設(shè)置是否正確坚弱,如果能運(yùn)行會(huì)顯示剛才設(shè)置的端口號(hào),如果不能運(yùn)行會(huì)提示錯(cuò)誤原因关摇,按照提示修改就行了
3荒叶、將文件部署到iis上試試,添加一個(gè)網(wǎng)站输虱,名稱(chēng)隨你些楣,端口自定義,只要沒(méi)被占用就行宪睹,物理路徑設(shè)置到XXX\EasyAR-WebAR-Demo-master\html\TokenThreeJsExample路徑下愁茁,使用Https(需要SSL證書(shū)才能使用https,這個(gè)自己想辦法亭病,我用的自己的域名對(duì)應(yīng)的SSL鹅很,下載下來(lái)臨時(shí)用,也能用命贴,反正看效果嘛道宅,具體的可以去百度一下,就不在這里說(shuō)了)
4胸蛛、好嘞污茵,打印一張之前提交的識(shí)別圖來(lái)試試,額葬项,失敗了泞当,模型加載不出來(lái),看下console顯示資源加載404民珍,好吧襟士,百度一下,設(shè)置一下web.config吧嚷量,
5陋桂、再次嘗試,加載成功蝶溶,模型正確顯示嗜历,小恐龍出來(lái)了宣渗,試了多款瀏覽器,攝像頭有點(diǎn)差異梨州,蘋(píng)果瀏覽器顯示不出來(lái)后置攝像頭痕囱,其他的也算正常,都能顯示出來(lái)暴匠,OK鞍恢,先這樣吧!