說(shuō)起WebAR技術(shù)，你腦海中首先浮現(xiàn)出的畫面是什么樣的？似乎空空如也。雖然增強(qiáng)現(xiàn)實(shí)技術(shù)在最近幾年大紅大紫，蘋果谷歌都在這一技術(shù)上投入了巨額的資金推動(dòng)技術(shù)的發(fā)展，但是WebAR技術(shù)似乎一直是一個(gè)隱身人，很少出現(xiàn)在大眾面前。
近日越來(lái)越多的企業(yè)開(kāi)始運(yùn)用WebAR技術(shù)來(lái)提升自身網(wǎng)站的體驗(yàn)，加拿大電商Shopify在9月中旬宣布增加了對(duì)蘋果ARKit 2.0中AR Quick Look技術(shù)的支持，消費(fèi)者通過(guò)iOS的Safari瀏覽器訪問(wèn)Shopify的網(wǎng)站即可享受到與手機(jī)原生應(yīng)用相同的AR體驗(yàn)，獲今年威尼斯電影節(jié)提名的作品《登月第一人（First Man）》也為其宣發(fā)制作了WebAR體驗(yàn)（參見(jiàn)電影《登月第一人》WebAR體驗(yàn)帶你登陸月球表面，這是WebAR電影宣發(fā)首秀）。
WebAR無(wú)需下載即可使用的特性使得AR體驗(yàn)的易傳播性大大高于傳統(tǒng)的手機(jī)應(yīng)用，本身前沿科技的噱頭又大大增加了話題性和關(guān)注度，深受廣告、電商等需要用戶關(guān)注度的行業(yè)喜愛(ài)。然而其發(fā)展過(guò)程實(shí)在是充滿了曲折，要知道WebAR技術(shù)誕生于2009年，這么多年來(lái)一直籍籍無(wú)名，到底是為什么呢？了解了WebAR的發(fā)展歷程，你就明白了。
WebAR的誕生
2009年FLARToolKit的誕生標(biāo)志著AR技術(shù)進(jìn)入了Web時(shí)代。FLARToolKit在當(dāng)年是一個(gè)明星項(xiàng)目，被用于當(dāng)時(shí)很多極富創(chuàng)意的AR營(yíng)銷，比如通用電氣的Plug Into the Smart Grid AR營(yíng)銷在當(dāng)時(shí)獲得了極大的關(guān)注，紐約時(shí)報(bào)、華爾街日?qǐng)?bào)等上百家的媒體與博客報(bào)道了這次營(yíng)銷活動(dòng)。
這一營(yíng)銷只需你通過(guò)電腦訪問(wèn)一個(gè)網(wǎng)站，然后網(wǎng)站會(huì)調(diào)用你的攝像頭，當(dāng)你在攝像頭前舉起一張打印著特定標(biāo)識(shí)的白紙時(shí)，網(wǎng)站會(huì)識(shí)別紙上的標(biāo)識(shí)并顯示出對(duì)應(yīng)的動(dòng)畫內(nèi)容。
盡管運(yùn)用了Flash技術(shù)而不是純粹的Web技術(shù)來(lái)完成這次WebAR營(yíng)銷，這是大多數(shù)人首次僅僅打開(kāi)一個(gè)網(wǎng)站就可以體驗(yàn)到AR功能給人們帶來(lái)的新鮮感。那時(shí)的Web只能做一些很簡(jiǎn)單的顯示工作，顯示三維模型與動(dòng)畫全部需要依賴于Flash插件，但這也掀起了一波WebAR的浪潮，相當(dāng)多的公司投入到了相關(guān)技術(shù)的研發(fā)當(dāng)中，看起來(lái)WebAR將會(huì)擁有一個(gè)光明的未來(lái)。
來(lái)自智能手機(jī)的沖擊
天有不測(cè)風(fēng)云，2010年iPhone 4的橫空出世引領(lǐng)著世界進(jìn)入了智能手機(jī)時(shí)代，隨著iOS與安卓設(shè)備迅速的占領(lǐng)市場(chǎng)，其系統(tǒng)中的應(yīng)用市場(chǎng)徹底改變?nèi)藗冊(cè)L問(wèn)互聯(lián)網(wǎng)內(nèi)容的方式，人們?cè)絹?lái)越多的通過(guò)手機(jī)應(yīng)用來(lái)訪問(wèn)特定的互聯(lián)網(wǎng)內(nèi)容，網(wǎng)頁(yè)瀏覽器漸漸的被人們遺忘在了角落，順帶著一切和Web相關(guān)的技術(shù)也進(jìn)入了冰封期，其中就包括了WebAR。
為何手機(jī)瀏覽器被遺忘在角落？其實(shí)根源出在了Flash插件上。原本人們?cè)L問(wèn)網(wǎng)頁(yè)上的視頻、動(dòng)畫或者游戲，都需要通過(guò)Flash插件來(lái)實(shí)現(xiàn)。但是無(wú)奈Flash自身漏洞實(shí)在是太多，存在嚴(yán)重的安全問(wèn)題，iPhone在最初上市時(shí)就不支持這一插件，安卓在2011年的4.0版本也取消了對(duì)Flash的支持。那時(shí)人們無(wú)法再通過(guò)網(wǎng)頁(yè)來(lái)訪問(wèn)這些內(nèi)容，同時(shí)原生應(yīng)用對(duì)視頻和游戲的支持與優(yōu)化大大的提高了用戶體驗(yàn)。
雖然FLARToolKit有JavaScript版本的替代品JSARToolKit，可以不通過(guò)Flash插件來(lái)實(shí)現(xiàn)WebAR功能，但手機(jī)AR應(yīng)用相比那時(shí)的WebAR有著相當(dāng)多的優(yōu)勢(shì)——能夠完全發(fā)揮設(shè)備性能、深度優(yōu)化的針對(duì)手機(jī)設(shè)備的AR體驗(yàn)、隨時(shí)隨地打開(kāi)即可使用而無(wú)需等待從網(wǎng)絡(luò)中加載龐大的數(shù)據(jù)。這些使得手機(jī)AR應(yīng)用的數(shù)量大大超過(guò)了WebAR，許多WebAR項(xiàng)目被無(wú)限期冷藏，開(kāi)發(fā)人員紛紛投入到了體驗(yàn)更好的移動(dòng)AR平臺(tái)中。
至于Flash？雖然還在PC的瀏覽器上占有一席之地，但也已經(jīng)被各大瀏覽器廠家棄之如履，即將淹沒(méi)于歷史的塵埃之中。Adobe也將于2020年永久停止對(duì)Flash的更新。
Web技術(shù)的革新帶來(lái)曙光
WebAR在手機(jī)AR面前一敗涂地的同時(shí)，作為WebAR底層技術(shù)的Web技術(shù)卻在謀求一次浴火重生，以更好的服務(wù)于移動(dòng)互聯(lián)網(wǎng)時(shí)代。2012年，由W3C組織制定的HTML5的規(guī)范正式定稿，增強(qiáng)了對(duì)手機(jī)設(shè)備上瀏覽多媒體的支持，其中最重要的莫過(guò)于Canvas標(biāo)簽的引入，網(wǎng)頁(yè)終于擁有了方便使用的實(shí)時(shí)圖形渲染接口，目前的WebVR與WebAR畫面都是渲染在這一標(biāo)簽中的。
此外HTML5還允許網(wǎng)頁(yè)從手機(jī)底層硬件獲取更多的數(shù)據(jù)，例如GPS信息、加速度計(jì)以及音頻設(shè)備數(shù)據(jù)。這一變化帶來(lái)了WebGL以及WebRTC技術(shù)。WebGL技術(shù)允許網(wǎng)頁(yè)在渲染圖形時(shí)可以使用硬件加速來(lái)提高渲染效率。WebRTC的出現(xiàn)讓網(wǎng)頁(yè)可以實(shí)時(shí)處理手機(jī)攝像頭的數(shù)據(jù)，可以實(shí)現(xiàn)實(shí)時(shí)視頻通話的功能。
在WebRTC（Web Real-Time Communication）出現(xiàn)之前，人們使用手機(jī)時(shí)只能通過(guò)網(wǎng)頁(yè)拍攝照片或者是錄制視頻文件然后上傳。WebRTC提供的實(shí)時(shí)視頻流處理技術(shù)對(duì)AR技術(shù)意義重大，因?yàn)锳R中的許多識(shí)別功能需要實(shí)時(shí)的攝像頭數(shù)據(jù)以及傳感器數(shù)據(jù)才能保證識(shí)別結(jié)果的精確。
HTML5標(biāo)準(zhǔn)的出現(xiàn)似乎又給WebAR技術(shù)的發(fā)展帶來(lái)了一絲曙光，Chrome瀏覽器與Firefox瀏覽器均在2013年的更新中增加了對(duì)WebRTC的支持，不過(guò)接下來(lái)的事情發(fā)展并不如人們所期待的那樣。
隱私問(wèn)題與遲到的蘋果
WebRTC技術(shù)的出現(xiàn)引起了人們對(duì)于隱私問(wèn)題的擔(dān)憂——網(wǎng)站能夠訪問(wèn)攝像頭和麥克風(fēng)非常容易造成個(gè)人信息的泄露。
2015年，TorrentFreak網(wǎng)站聲稱發(fā)現(xiàn)支持WebRTC的瀏覽器會(huì)泄露用戶的真實(shí)IP地址，真實(shí)IP地址通常會(huì)被網(wǎng)絡(luò)廣告服務(wù)提供商收集用于提供個(gè)性化的精準(zhǔn)廣告推送。
蘋果一直對(duì)于WebRTC這種涉及隱私風(fēng)險(xiǎn)的技術(shù)持有保留態(tài)度，直到2017年蘋果ARKit 1.0發(fā)布時(shí)才在Safari 11中增加了對(duì)WebRTC功能的支持。直到這時(shí)，WebAR才真正成為了可以全平臺(tái)通用的手機(jī)技術(shù)，然而這顯然已經(jīng)來(lái)的太遲了。
WebAR的止步不前與AR原生應(yīng)用的飛躍
在WebAR緩慢前進(jìn)的這幾年，基于各種操作系統(tǒng)原生應(yīng)用的AR技術(shù)已經(jīng)取得了飛躍。2015年微軟發(fā)布了擁有空間識(shí)別能力的HoloLens。同一年被Darqi收購(gòu)了的ARToolKit宣布開(kāi)源，并發(fā)布了JSARToolKit5.2版本，但是這一版本的JSARToolKit依然只有標(biāo)識(shí)圖與物體的識(shí)別功能。那時(shí)起WebAR已經(jīng)與各種移動(dòng)平臺(tái)提供的AR功能產(chǎn)生了差距。
2017年蘋果與谷歌先后發(fā)布的ARKit與ARCore則是將空間識(shí)別的能力賦予了手機(jī)，人們對(duì)于AR功能的應(yīng)用已經(jīng)從掃描識(shí)別轉(zhuǎn)移到了現(xiàn)實(shí)空間的感知與增強(qiáng)——這也正是增強(qiáng)現(xiàn)實(shí)技術(shù)本來(lái)的目標(biāo)。如家具或是商品AR預(yù)覽的功能被添加進(jìn)了大量的購(gòu)物應(yīng)用中，游戲公司也在嘗試?yán)眠@種新的特性來(lái)為游戲增加更多的可玩性。
然而時(shí)至今日，JSARToolKit依然只能通過(guò)預(yù)先輸入需要識(shí)別物體的圖片的方式對(duì)物體進(jìn)行識(shí)別，新一代的設(shè)備通過(guò)集成更多的傳感器實(shí)現(xiàn)了更為強(qiáng)大的功能，在技術(shù)方面將WebAR遠(yuǎn)遠(yuǎn)的拋在了身后。
即使在2017年蘋果的Safari瀏覽器支持了WebRTC功能，蘋果自身研發(fā)的ARKit 1.0所帶來(lái)諸多新特性依然無(wú)法被WebAR所利用，可以說(shuō)自從WebAR的誕生開(kāi)始，已經(jīng)原地踏步8年之久。
遠(yuǎn)遜于原生應(yīng)用的運(yùn)行效率、缺失最新的技術(shù)研究成果，WebAR急需一場(chǎng)真正的技術(shù)變革來(lái)改變尷尬的處境。
真正的變革來(lái)自手機(jī)的底層技術(shù)
今年上半年隨iOS12一同發(fā)布的ARKit 2.0與谷歌基于ARCore推出的全新WebXR API終于將WebAR從這種尷尬的境地拯救了出來(lái)。無(wú)需第三方插件、無(wú)需安裝手機(jī)應(yīng)用，人們只需要訪問(wèn)一個(gè)網(wǎng)頁(yè)即可體驗(yàn)ARCore與ARKit所帶來(lái)的強(qiáng)大功能——與周圍環(huán)境交互的能力。WebAR終于開(kāi)始追趕AR技術(shù)發(fā)展的腳步，將最前沿的技術(shù)以最便捷的方式提供給廣大的用戶進(jìn)行體驗(yàn)。
目前谷歌WebXR的AR API仍處于測(cè)試之中，只開(kāi)放了對(duì)真實(shí)環(huán)境的碰撞檢測(cè)，通過(guò)這一接口，你可以將三維物體以一種非常自然的方式放置于真實(shí)世界中，并與其進(jìn)行簡(jiǎn)單的互動(dòng)。
在這一API的基礎(chǔ)之上，再通過(guò)THREE.js在網(wǎng)頁(yè)上實(shí)時(shí)渲染3D模型并進(jìn)行交互的能力，開(kāi)發(fā)者們終于能夠通過(guò)網(wǎng)頁(yè)實(shí)現(xiàn)以往只能通過(guò)手機(jī)應(yīng)用實(shí)現(xiàn)的AR功能了。
根據(jù)Google今年I/O大會(huì)發(fā)布的消息，更多針對(duì)WebAR的功能仍處于規(guī)劃階段。用戶想要在手機(jī)上體驗(yàn)WebAR功能需要安裝ARCore并且打開(kāi)Chrome的測(cè)試接口WebXR Hit Test(chrome://flags#webxr-hit-test)。
ARKit 2.0則對(duì)瀏覽器開(kāi)放了將三維物體放入真實(shí)環(huán)境中進(jìn)行預(yù)覽的功能——AR Quick Look功能，通過(guò)在網(wǎng)頁(yè)上嵌入usdz格式的三維模型文件，用戶可以通過(guò)點(diǎn)擊對(duì)應(yīng)文件的鏈接調(diào)用Safari內(nèi)嵌的AR功能，即可在真實(shí)的環(huán)境中以實(shí)際大小觀察想要購(gòu)買的物品。
AR是電商最期待的技術(shù)，只是成本有點(diǎn)高
一項(xiàng)研究表明，AR廣告的平均停留時(shí)間為75秒，是廣播或電視廣告平均值的2.5倍。人們?cè)隗w驗(yàn)AR內(nèi)容時(shí)會(huì)放慢速度進(jìn)行交互并真正花時(shí)間處理信息。如此出色的廣告效果給電商巨頭們帶來(lái)了巨大的動(dòng)力，電商巨頭們都在積極的擁抱AR技術(shù)更好的促進(jìn)銷售轉(zhuǎn)化。
然而擁抱AR技術(shù)帶來(lái)了成本問(wèn)題和技術(shù)難題。目前很多電商網(wǎng)站的手機(jī)應(yīng)用只是通過(guò)某種方式將網(wǎng)頁(yè)以更貼近手機(jī)原生應(yīng)用程序的方式進(jìn)行展示，要使用AR功能需要開(kāi)發(fā)專用的頁(yè)面（參考淘寶的AR掃一掃功能與IKEA Place手機(jī)應(yīng)用），無(wú)論是成本還是技術(shù)難度對(duì)于電商網(wǎng)站來(lái)說(shuō)都顯得有點(diǎn)高。
ARKit 2.0的AR Quick Look可謂是戳中了許多電商網(wǎng)站的痛點(diǎn)，這種方便的集成方式，大大降低了電商網(wǎng)站集成AR技術(shù)的成本，電商網(wǎng)站通過(guò)這一技術(shù)給客戶帶來(lái)了更加優(yōu)質(zhì)的用戶體驗(yàn)，可以提高轉(zhuǎn)化率和用戶滿意度，減少運(yùn)維的成本。剩下的問(wèn)題只有一個(gè)了——即使經(jīng)過(guò)了優(yōu)化usdz單個(gè)文件大小仍然在6MB左右，對(duì)比一下網(wǎng)站上適用于手機(jī)的圖片大小通常只有200KB左右，加載速度的差異就很明顯了。這一大小的文件加載在4G網(wǎng)絡(luò)狀況較好的時(shí)候還能夠忍受，如果在網(wǎng)絡(luò)狀況糟糕的地方就顯得冗長(zhǎng)了。
5G將帶來(lái)WebAR新的春天
這一問(wèn)題隨著5G技術(shù)的普及將會(huì)得到解決，縱觀整個(gè)手機(jī)網(wǎng)絡(luò)的發(fā)展歷史，每一次網(wǎng)絡(luò)大提速都會(huì)興起新的媒介，2G到3G的轉(zhuǎn)變來(lái)帶來(lái)了從文字到圖片的轉(zhuǎn)變，3G到4G人們則從圖片時(shí)代走入了視頻時(shí)代，最近火熱的抖音等一眾短視頻應(yīng)用離不開(kāi)4G網(wǎng)絡(luò)的支持，4G到5G則會(huì)讓人們從2D時(shí)代徹底走入3D時(shí)代，依托于更高帶寬的傳輸網(wǎng)絡(luò)能夠快速的將三維體驗(yàn)帶給用戶。
此外5G時(shí)代人們將徹底甩掉應(yīng)用下載-安裝-使用的流程，微信小程序的成功已經(jīng)證明了人們對(duì)于訪問(wèn)即可使用無(wú)需安裝的應(yīng)用有著非常強(qiáng)烈的需求。這也正是WebAR的目標(biāo)，隨時(shí)隨地隨心使用，和下載安裝說(shuō)再見(jiàn)。
經(jīng)歷了起起落落充滿坎坷的8年，WebAR即將在5G時(shí)代迎來(lái)屬于自己的春天，隨著和各手機(jī)系統(tǒng)底層功能的打通，人們將可以直接通過(guò)互聯(lián)網(wǎng)體驗(yàn)到更加強(qiáng)大的AR功能，作為消費(fèi)者的你，準(zhǔn)備好迎接這新的潮流了嗎？
來(lái)源：87870
