Augmented Reality Web Browser: 9 Kauj Ruam

2024 Tus sau: John Day | [email protected]. Kawg hloov kho: 2024-01-30 09:27

Hnub no peb yuav dhau los ua qhov Augmented Reality web browser rau Android.

Lub tswv yim no pib thaum ExpressVPN thov kom kuv ua tus txhawb nqa YouTube cov vis dis aus. Txij li qhov no yog kuv thawj tus, kuv xav ua qee yam uas cuam tshuam nrog lawv cov khoom. Zoo nkauj npaum li tam sim kuv xav, huag kuv tsuas yog ua qhov txuas ntxiv qhov tseeb web browser yog li peb tuaj yeem tshawb xyuas lub vev xaib hauv AR ntawm VPN. Nws tsis tuaj yeem nyuaj li ntawd, puas yog? Tsis ncaj ncees lawm. Kuv teeb kuv tus kheej qee qhov kev txwv rau txoj haujlwm no vim kuv xav siv nws los kawm qee yam tshiab.

Tus naj npawb ib uas kuv xav kom nws ua rau Android ua rau kuv ib txwm ua khoom nrog IOS.

Tus lej thib ob Kuv tsis xav siv ib qho API them nyiaj, Kuv xav kom txhua tus tuaj yeem rub tawm qhov haujlwm no thiab ua nws yam tsis tas yuav them nyiaj rau yam khoom online. Yog li tsis muaj IBM Watson, tsis muaj Google API, thiab tsis muaj dab tsi los ntawm Unity Asset khw.

Cia peb pib!

Kauj Ruam 1: Thawj Yam Ua Ntej

Thawj qhov kuv xav tau ua haujlwm yog qhov kev daws teeb meem zoo rau kev hais lus rau kab ntawv yog li peb tuaj yeem tshawb hauv online nrog peb lub suab. Tsis tas li kuv xav tias lub suab yog txoj hauv kev zoo ntawm kev sib cuam tshuam hauv AR, yam tsawg kawg kom txog thaum peb muaj tes zoo taug qab daws teeb meem. Kuv paub tias Android muaj qee qhov kev hais lus ib txwm muaj rau kev ua haujlwm yog li tshawb xyuas google sai yuav pab peb nrhiav qee qhov plugins rau Kev Sib Koom.

Kuv xub tuaj rau lub plugin no rau kev sib koom siab:

www.google.com/search?rlz=1C5CHFA_enUS816U…

Kuv sim qhov no thiab nws ua haujlwm zoo. Qhov teeb meem tsuas yog tias thaum koj siv nws nrog ARCore nws tsim lub thawv popup ib txwm thiab zoo li keeb kwm yav dhau Unity thiab koj kawg poob kev taug qab.

Qhov no tsawg dua qhov zoo tagnrho.

Kauj ruam 2: Tau Hais Lus rau Cov Ntawv Ua Haujlwm rau Android

Yog li kuv pib tshawb nrhiav qee qhov plugins uas tsis tau coj tuaj rau hauv lub thawv pop tuaj thiab tsis tuaj yeem pom ntau tab sis kuv tau mus txog qhov nrhiav lub tsev qiv ntawv Android no:

github.com/maxwellobi/Android-Speech-Recog…

Tam sim no kuv paub tsis muaj dab tsi txog kev txhim kho Android ib txwm tab sis kuv xav twv kuv tus kheej yog li kuv xav tias kuv tsuas yog sim sau qee tus lej txuas rau lub tsev qiv ntawv no thiab tig nws mus rau hauv Android plugin rau siv hauv Unity. Again, qhov no yog yuam kev thiab ua mus teev ntawm kev chim siab.

Thaum kawg nws ua haujlwm …

Kauj Ruam 3: Kawm Tshooj

Yog li muaj ob yam uas kuv tau kawm hauv cov txheej txheem no uas tsis tau tshwm sim tam sim los ntawm tsuas yog googling yuav ua li cas thiaj li ua rau Android plugin rau kev sib koom.

Tus naj npawb ib yog koj yuav xav tau kom tau txais kev xa mus rau Android app cov ntsiab lus yog tias koj lub plugin yuav ua dab tsi nthuav. Koj tuaj yeem ua qhov no los ntawm kev ntxiv cov chav kawm.jar cov ntaub ntawv los ntawm koj kev sib sau ua ke rau koj qhov haujlwm hauv Android ua lub tsev qiv ntawv. Yog li mus rau cov ntaub ntawv tsim qauv thiab tom qab ntawd xaiv qhov kev cuam tshuam tab rau app module. Ntawm no koj tuaj yeem nyem lub pob ntxiv rau ntxiv cov thawv ntawv. Mus rau koj kev sib sau ua ke, cov tshuab ua si, androidplayer, kev hloov pauv, mono, kev txhim kho, chav kawm, thiab thaum kawg chav kawm.jar. Hloov qhov uas tau muab tso ua ke nkaus xwb. Tam sim no, hauv cov ntaub ntawv java tshiab koj tuaj yeem ua tau:

UnityPlayer.currentActivity.getApplicationContext ();

thiab siv cov ntaub ntawv hais qhia qhov twg koj xav tau.

Qhov teeb meem txawv tom ntej yog tias lub suab ua haujlwm no tsuas tuaj yeem ua haujlwm ntawm cov xov tseem ceeb lossis lwm yam koj yuav tau txais yuam kev. Txhawm rau ua qhov no hauv Kev Sib Koom koj yuav tsum qhia lub luag haujlwm thiab lub plugin ua haujlwm ntawm UI Xov raws li AndroidJavaRunnable zoo li daim duab saum toj no.

Kauj ruam 4: Kev tawm tsam

Txog tam sim no Kuv xav Kuv yog tus kws tshaj lij hauv Android, Kuv online thov rau android dev txoj haujlwm, Kuv xaj Android daim ntawv nplaum thiab t-shirt. Lub neej zoo. Tam sim no kuv tau npaj txav mus los txhawm rau txiav txim siab yuav ua li cas thiaj ua tau lub vev xaib hauv Kev Sib Koom. Tom qab ua qhov kev tshawb fawb me me kuv pom tias qhov kev lees paub daws teeb meem yog siv Android WebView. Nov yog tsuas yog chav kawm Android uas tso cai rau koj ua cov vev xaib uas cuam tshuam nrog hauv app hauv Android yam tsis tau rub txhua yam hauv qhov browser. Yeej, nws yog li koj tuaj yeem khaws cov neeg siv hauv koj li app. Thawj qhov kev txiav txim ntawm kev lag luam yog saib yog tias leej twg tau ua kev sib koom ua ke rau qhov no uas yog qhib qhov chaw. Kuv xub sim lub plugin no:

github.com/gree/unity-webview

tab sis nws tsuas yog ua WebView rau Unity GUI txheej thiaj li tsis ua haujlwm. Tom qab ntawd kuv pom lub plugin no rau VR:

github.com/IanPhilips/UnityAndroidVRBrowse…

qhov no tso cai rau koj los ua WebView rau qhov kev ntxhib los mos thiab nws tseem tuaj yeem sib cuam tshuam, uas yog qhov zoo heev. Kuv xav tias qhov no yog cov lus teb kom txog thaum kuv sim nws thiab pom tias tau thaiv txhua qhov kuv nyem los ntawm kev sib koom.

Kauj Ruam 5: Rov qab mus rau Pawg Kos Duab

Kuv tsuas yog yuav sim ua kuv tus plugin rau qhov no, vim txhua yam kuv xav tau tiag tiag yog xa cov duab ntawm lub vev xaib mus rau kev sib koom siab. Ua qee qhov kev tshawb fawb txog qhov ntawd, Kuv pom tias kuv tuaj yeem txuag daim ntaub ntawv hauv xov tooj rau hauv qhov me ntsis thiab tom qab ntawd nkag mus rau nws-p.webp

Thaum kawg nws ua haujlwm.

Yog li tam sim no kuv tuaj yeem tuaj yeem thaij duab los ntawm lub vev xaib, yog li cia saib seb nws ua haujlwm li cas nrog …

Nws tsis.

Kuv txhais tau tias kuv tab tom siv galaxy s7 uas tsis yog lub xov tooj tshiab tshaj plaws, tab sis WebView cov khoom no tseem khov tag nrho app thiab siv tsis tau. Kuv xav tias nws yog vim WebView thiab ARCore ob leeg dhau los ua cov xov tseem ceeb tab sis kuv tsis paub tiag. Rov qab mus rau daim duab kos duab. Yog tias peb xav ua txoj haujlwm no, peb yuav tsum tau tshem lub nra hnyav rau qee yam ntawm cov neeg rau zaub mov. Tom qab ua qee qhov Googling nws dhau los koj tuaj yeem siv lub vijtsam ntawm lub vev xaib nrog lub tsev qiv ntawv rau Node.js hu ua WebShot uas siv Phantom JS uas yog qhov browser sau tau taub hau.

Kauj Ruam 6: Thaum kawg Peb Mus Txog Qhov Twg

Tam sim no kuv yuav tsum paub yuav ua li cas ntuj raug txim siv Node.js….

Hloov tawm koj tuaj yeem ua Node.js tsab ntawv uas mloog ntawm tus lej chaw nres nkoj tshwj xeeb thiab thaum nws tau ntaus nws ntawm qhov chaw nres nkoj nws tuaj yeem rov qab qee cov ntaub ntawv. Peb tuaj yeem sim qhov no los ntawm kev tsim me ntsis nyob zoo lub ntiaj teb tsab ntawv uas mloog ntawm qhov chaw nres nkoj 3000. Peb tuaj yeem cd mus rau hauv phau ntawv teev npe nrog tsab ntawv thiab khiav nws los ntawm kev ua ntawm thiab tom qab ntawv lub npe. Yog tias peb mus rau peb tus IP chaw nyob thiab tom qab ntawd chaw nres nkoj 3000 hauv peb tus browser peb tuaj yeem pom nws rov qab los nyob ntiaj teb. Tam sim no kuv tau nkag siab me me ntawm qhov kuv tuaj yeem tau txais nws ua haujlwm ntawm kuv lub server uas kuv tuav kuv lub vev xaib uas yog hawkhost.com. Kuv SSH rau hauv kuv tus neeg rau zaub mov thiab sim khiav ob peb lub ntiaj teb nyob zoo node.js cov ntawv … thiab tsis muaj dab tsi ua haujlwm. Tom qab ob peb teev ntawm messing ncig kuv pom tias kuv qhov tshwj xeeb hosting server tsuas muaj ob lub chaw nres nkoj qhib rau siv, uas yog 3000 thiab 12001.

Yog li siv cov chaw nres nkoj thiab kuv tus tswv hosting IP Kuv tuaj yeem tau txais lub ntiaj teb nyob zoo piv txwv ua haujlwm. Tom ntej no kuv teeb tsa WebShot module thiab tsim cov ntawv me me uas kuv tuaj yeem hla qhov URL thiab nws yuav xa kuv cov duab ntawm lub vev xaib ntawm qhov chaw nyob ntawd. Tam sim no kuv tuaj yeem pib qhov ntawv sau thiab xa http POST thov los ntawm Kev Sib Koom mus rau tus IP tshwj xeeb thiab tus lej chaw nres nkoj ntawm kuv tus neeg rau zaub mov uas yuav xa rov qab rau kuv ib byte array uas yog cov duab ntawm lub vev xaib ntawd. Tam sim no lwm qhov teeb meem yog thaum kuv kaw kuv lub davhlau ya nyob twg txheej txheem xaus thiab tso tseg mloog. Kuv ua qee qhov kev tshawb fawb ntxiv thiab nrhiav tus qauv hu ua ib si. NPM teeb tsa ib si thiab tam sim no kuv tuaj yeem taug kev mus ib txhis thiab ua tas mus li pib tsab ntawv thiab nws yuav txuas ntxiv mus kom txog thaum kuv nkag mus thiab nres nws dua.

Kauj ruam 7: Nws Ua Haujlwm

Zoo kawg. Tab sis nws tsis txias txaus.

Thaum kuv xav txog tus nqi ntawm kev txheeb xyuas lub vev xaib hauv AR nws los ntawm kev ntxiv chaw. Peb tsis raug kaw rau ib qho screen nkaus xwb yog li kuv xav ua qee yam uas tso cai rau kuv kom pom kev kuv txoj kev tshawb nrhiav txoj cai nyob ntawm kuv xub ntiag. Yog li cia peb thauj cov nplooj ntawv tshawb fawb thawj zaug thiab tom qab ntawd nkag mus rau nplooj ntawv ntawd thiab rho tawm txhua qhov kev tshawb fawb los ua qhov txuas, uas peb tuaj yeem rub tawm ua cov duab saum peb lub vijtsam tseem ceeb. Peb tuaj yeem ua qhov no nrog lwm tsab ntawv Node.js uas scrapes thawj nplooj ntawv ntawm Google cov txiaj ntsig thiab ua haujlwm txuas ntxiv mus tas li. Qhov no tuaj yeem ua tiav ntau yam zoo nrog Google tshawb nrhiav API tab sis txoj cai tus lej ob rau txoj haujlwm no tsis tau them tus API li, peb yuav ua nws zoo li no rau tam sim no. Tam sim no peb muaj cov duab rau txhua qhov txuas peb tuaj yeem thauj lawv ntawm lub vijtsam loj dua txhua lub sijhawm peb nyem rau lawv thiab tawg, peb muaj qhov browser me me zoo nyob ntawm no. Nws tsis ua haujlwm zoo tab sis kuv yuav coj nws. Yog li yog tias koj xav ua txoj haujlwm no koj tus kheej mus rau kuv Github thiab rub tawm qhov projectVPN qhov project:

github.com/MatthewHallberg/ARBrowserExpres…

Kauj Ruam 8: Ua Kom Txhua Yam Ua Haujlwm

Qhib nws hauv Kev Sib Koom thiab cia txhua yam ua haujlwm hauv zos ntawm koj lub tshuab. Ua ntej koj yuav tsum nrhiav tus IP chaw nyob ntawm koj lub tshuab yog li yog tias koj nyob ntawm mac tsuas yog tuav qhov kev xaiv thiab nyem lub cim wifi qhia koj tus IP.

Rov qab mus rau kev sib koom siab thiab qhib qhov browser tswj hwm tsab ntawv thiab muab tso rau hauv koj tus IP chaw nyob ntawd thiab luam nws mus rau koj daim ntawv teev cia. Nrhiav cov nodeScripts nplaub tshev thiab muab tso rau ntawm koj lub desktop, qhib daim nplaub tshev thiab hloov ob qho txuas mus rau.js. Qhib txhua tsab ntawv thiab hloov tus IP chaw nyob rau koj tus IP. Tam sim no qhib lub davhlau ya nyob twg thiab peb yuav tsum teeb tsa qee yam. Nruab HomeBrew yog tias koj tsis muaj nws.

-brew nruab ntawm

-npm nruab webshot

-npm instal flatiron

-npm nruab union

-npm nruab cheerio

Tam sim no peb tuaj yeem pib ob tsab ntawv thiaj li cd mus rau hauv cov nodescripts nplaub tshev thiab ua node getimage.js Thiab tom qab ntawd qhib lub qhov rai davhlau ya nyob twg tshiab thiab ua rau node getlinks.js Tawm ob lub davhlau ya nyob twg windows khiav thiab rov qab mus rau tus editor. Yog tias peb nias ua si txhua yam yuav tsum ua haujlwm zoo. Peb tseem tuaj yeem mus ua ntaub ntawv, teeb tsa chaw, thiab ntaus tsim thiab khiav kom tau nws ntawm peb lub xov tooj! Yog tias koj xav nres cov servers tsuas yog ntaus tswj c lossis hais kom q kaw tag nrho lub davhlau ya nyob twg.

Nws yog!