說起WebAR技術(shù)，你腦海中首先浮現(xiàn)出的畫面是什么樣的？似乎空空如也。雖然增強(qiáng)現(xiàn)實(shí)技術(shù)在最近幾年大紅大紫，蘋果谷歌都在這一技術(shù)上投入了巨額的資金推動(dòng)技術(shù)的發(fā)展，但是WebAR技術(shù)似乎一直是一個(gè)隱身人，很少出現(xiàn)在大眾面前。

近日越來越多的企業(yè)開始運(yùn)用WebAR技術(shù)來提升自身網(wǎng)站的體驗(yàn)，加拿大電商Shopify在9月中旬宣布增加了對(duì)蘋果ARKit 2.0中AR Quick Look技術(shù)的支持，消費(fèi)者通過iOS的Safari瀏覽器訪問Shopify的網(wǎng)站即可享受到與手機(jī)原生應(yīng)用相同的AR體驗(yàn)，獲今年威尼斯電影節(jié)提名的作品《登月第一人（First Man）》也為其宣發(fā)制作了WebAR體驗(yàn)（參見電影《登月第一人》WebAR體驗(yàn)帶你登陸月球表面，這是WebAR電影宣發(fā)首秀）。

WebAR無需下載即可使用的特性使得AR體驗(yàn)的易傳播性大大高于傳統(tǒng)的手機(jī)應(yīng)用，本身前沿科技的噱頭又大大增加了話題性和關(guān)注度，深受廣告、電商等需要用戶關(guān)注度的行業(yè)喜愛。然而其發(fā)展過程實(shí)在是充滿了曲折，要知道WebAR技術(shù)誕生于2009年，這么多年來一直籍籍無名，到底是為什么呢？了解了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營銷，比如通用電氣的Plug Into the Smart Grid AR營銷在當(dāng)時(shí)獲得了極大的關(guān)注，紐約時(shí)報(bào)、華爾街日報(bào)等上百家的媒體與博客報(bào)道了這次營銷活動(dòng)。

這一營銷只需你通過電腦訪問一個(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ù)來完成這次WebAR營銷，這是大多數(shù)人首次僅僅打開一個(gè)網(wǎng)站就可以體驗(yàn)到AR功能給人們帶來的新鮮感。那時(shí)的Web只能做一些很簡單的顯示工作，顯示三維模型與動(dòng)畫全部需要依賴于Flash插件，但這也掀起了一波WebAR的浪潮，相當(dāng)多的公司投入到了相關(guān)技術(shù)的研發(fā)當(dāng)中，看起來WebAR將會(huì)擁有一個(gè)光明的未來。

來自智能手機(jī)的沖擊

天有不測風(fēng)云，2010年iPhone 4的橫空出世引領(lǐng)著世界進(jìn)入了智能手機(jī)時(shí)代，隨著iOS與安卓設(shè)備迅速的占領(lǐng)市場，其系統(tǒng)中的應(yīng)用市場徹底改變?nèi)藗冊L問互聯(lián)網(wǎng)內(nèi)容的方式，人們越來越多的通過手機(jī)應(yīng)用來訪問特定的互聯(lián)網(wǎng)內(nèi)容，網(wǎng)頁瀏覽器漸漸的被人們遺忘在了角落，順帶著一切和Web相關(guān)的技術(shù)也進(jìn)入了冰封期，其中就包括了WebAR。

為何手機(jī)瀏覽器被遺忘在角落？其實(shí)根源出在了Flash插件上。原本人們訪問網(wǎng)頁上的視頻、動(dòng)畫或者游戲，都需要通過Flash插件來實(shí)現(xiàn)。但是無奈Flash自身漏洞實(shí)在是太多，存在嚴(yán)重的安全問題，iPhone在最初上市時(shí)就不支持這一插件，安卓在2011年的4.0版本也取消了對(duì)Flash的支持。那時(shí)人們無法再通過網(wǎng)頁來訪問這些內(nèi)容，同時(shí)原生應(yīng)用對(duì)視頻和游戲的支持與優(yōu)化大大的提高了用戶體驗(yàn)。

雖然FLARToolKit有JavaScript版本的替代品JSARToolKit，可以不通過Flash插件來實(shí)現(xiàn)WebAR功能，但手機(jī)AR應(yīng)用相比那時(shí)的WebAR有著相當(dāng)多的優(yōu)勢——能夠完全發(fā)揮設(shè)備性能、深度優(yōu)化的針對(duì)手機(jī)設(shè)備的AR體驗(yàn)、隨時(shí)隨地打開即可使用而無需等待從網(wǎng)絡(luò)中加載龐大的數(shù)據(jù)。這些使得手機(jī)AR應(yīng)用的數(shù)量大大超過了WebAR，許多WebAR項(xiàng)目被無限期冷藏，開發(fā)人員紛紛投入到了體驗(yàn)更好的移動(dòng)AR平臺(tái)中。

至于Flash？雖然還在PC的瀏覽器上占有一席之地，但也已經(jīng)被各大瀏覽器廠家棄之如履，即將淹沒于歷史的塵埃之中。Adobe也將于2020年永久停止對(duì)Flash的更新。

Web技術(shù)的革新帶來曙光

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è)備上瀏覽多媒體的支持，其中最重要的莫過于Canvas標(biāo)簽的引入，網(wǎng)頁終于擁有了方便使用的實(shí)時(shí)圖形渲染接口，目前的WebVR與WebAR畫面都是渲染在這一標(biāo)簽中的。

此外HTML5還允許網(wǎng)頁從手機(jī)底層硬件獲取更多的數(shù)據(jù)，例如GPS信息、加速度計(jì)以及音頻設(shè)備數(shù)據(jù)。這一變化帶來了WebGL以及WebRTC技術(shù)。WebGL技術(shù)允許網(wǎng)頁在渲染圖形時(shí)可以使用硬件加速來提高渲染效率。WebRTC的出現(xiàn)讓網(wǎng)頁可以實(shí)時(shí)處理手機(jī)攝像頭的數(shù)據(jù)，可以實(shí)現(xiàn)實(shí)時(shí)視頻通話的功能。

在WebRTC（Web Real-Time Communication）出現(xiàn)之前，人們使用手機(jī)時(shí)只能通過網(wǎng)頁拍攝照片或者是錄制視頻文件然后上傳。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ā)展帶來了一絲曙光，Chrome瀏覽器與Firefox瀏覽器均在2013年的更新中增加了對(duì)WebRTC的支持，不過接下來的事情發(fā)展并不如人們所期待的那樣。

隱私問題與遲到的蘋果

WebRTC技術(shù)的出現(xiàn)引起了人們對(duì)于隱私問題的擔(dān)憂——網(wǎng)站能夠訪問攝像頭和麥克風(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)來的太遲了。

WebAR的止步不前與AR原生應(yīng)用的飛躍

在WebAR緩慢前進(jìn)的這幾年，基于各種操作系統(tǒng)原生應(yīng)用的AR技術(shù)已經(jīng)取得了飛躍。2015年微軟發(fā)布了擁有空間識(shí)別能力的HoloLens。同一年被Darqi收購了的ARToolKit宣布開源，并發(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ù)本來的目標(biāo)。如家具或是商品AR預(yù)覽的功能被添加進(jìn)了大量的購物應(yīng)用中，游戲公司也在嘗試?yán)眠@種新的特性來為游戲增加更多的可玩性。

然而時(shí)至今日，JSARToolKit依然只能通過預(yù)先輸入需要識(shí)別物體的圖片的方式對(duì)物體進(jìn)行識(shí)別，新一代的設(shè)備通過集成更多的傳感器實(shí)現(xiàn)了更為強(qiáng)大的功能，在技術(shù)方面將WebAR遠(yuǎn)遠(yuǎn)的拋在了身后。

即使在2017年蘋果的Safari瀏覽器支持了WebRTC功能，蘋果自身研發(fā)的ARKit 1.0所帶來諸多新特性依然無法被WebAR所利用，可以說自從WebAR的誕生開始，已經(jīng)原地踏步8年之久。

遠(yuǎn)遜于原生應(yīng)用的運(yùn)行效率、缺失最新的技術(shù)研究成果，WebAR急需一場真正的技術(shù)變革來改變尷尬的處境。

真正的變革來自手機(jī)的底層技術(shù)

今年上半年隨iOS12一同發(fā)布的ARKit 2.0與谷歌基于ARCore推出的全新WebXR API終于將WebAR從這種尷尬的境地拯救了出來。無需第三方插件、無需安裝手機(jī)應(yīng)用，人們只需要訪問一個(gè)網(wǎng)頁即可體驗(yàn)ARCore與ARKit所帶來的強(qiáng)大功能——與周圍環(huán)境交互的能力。WebAR終于開始追趕AR技術(shù)發(fā)展的腳步，將最前沿的技術(shù)以最便捷的方式提供給廣大的用戶進(jìn)行體驗(yàn)。

目前谷歌WebXR的AR API仍處于測試之中，只開放了對(duì)真實(shí)環(huán)境的碰撞檢測，通過這一接口，你可以將三維物體以一種非常自然的方式放置于真實(shí)世界中，并與其進(jìn)行簡單的互動(dòng)。

在這一API的基礎(chǔ)之上，再通過THREE.js在網(wǎng)頁上實(shí)時(shí)渲染3D模型并進(jìn)行交互的能力，開發(fā)者們終于能夠通過網(wǎng)頁實(shí)現(xiàn)以往只能通過手機(jī)應(yīng)用實(shí)現(xiàn)的AR功能了。

根據(jù)Google今年I/O大會(huì)發(fā)布的消息，更多針對(duì)WebAR的功能仍處于規(guī)劃階段。用戶想要在手機(jī)上體驗(yàn)WebAR功能需要安裝ARCore并且打開Chrome的測試接口WebXR Hit Test(chrome://flags#webxr-hit-test)。

ARKit 2.0則對(duì)瀏覽器開放了將三維物體放入真實(shí)環(huán)境中進(jìn)行預(yù)覽的功能——AR Quick Look功能，通過在網(wǎng)頁上嵌入usdz格式的三維模型文件，用戶可以通過點(diǎn)擊對(duì)應(yīng)文件的鏈接調(diào)用Safari內(nèi)嵌的AR功能，即可在真實(shí)的環(huán)境中以實(shí)際大小觀察想要購買的物品。

AR是電商最期待的技術(shù)，只是成本有點(diǎn)高

一項(xiàng)研究表明，AR廣告的平均停留時(shí)間為75秒，是廣播或電視廣告平均值的2.5倍。人們在體驗(yàn)AR內(nèi)容時(shí)會(huì)放慢速度進(jìn)行交互并真正花時(shí)間處理信息。如此出色的廣告效果給電商巨頭們帶來了巨大的動(dòng)力，電商巨頭們都在積極的擁抱AR技術(shù)更好的促進(jìn)銷售轉(zhuǎn)化。

然而擁抱AR技術(shù)帶來了成本問題和技術(shù)難題。目前很多電商網(wǎng)站的手機(jī)應(yīng)用只是通過某種方式將網(wǎng)頁以更貼近手機(jī)原生應(yīng)用程序的方式進(jìn)行展示，要使用AR功能需要開發(fā)專用的頁面（參考淘寶的AR掃一掃功能與IKEA Place手機(jī)應(yīng)用），無論是成本還是技術(shù)難度對(duì)于電商網(wǎng)站來說都顯得有點(diǎn)高。

ARKit 2.0的AR Quick Look可謂是戳中了許多電商網(wǎng)站的痛點(diǎn)，這種方便的集成方式，大大降低了電商網(wǎng)站集成AR技術(shù)的成本，電商網(wǎng)站通過這一技術(shù)給客戶帶來了更加優(yōu)質(zhì)的用戶體驗(yàn)，可以提高轉(zhuǎn)化率和用戶滿意度，減少運(yùn)維的成本。剩下的問題只有一個(gè)了——即使經(jīng)過了優(yōu)化usdz單個(gè)文件大小仍然在6MB左右，對(duì)比一下網(wǎng)站上適用于手機(jī)的圖片大小通常只有200KB左右，加載速度的差異就很明顯了。這一大小的文件加載在4G網(wǎng)絡(luò)狀況較好的時(shí)候還能夠忍受，如果在網(wǎng)絡(luò)狀況糟糕的地方就顯得冗長了。

5G將帶來WebAR新的春天

這一問題隨著5G技術(shù)的普及將會(huì)得到解決，縱觀整個(gè)手機(jī)網(wǎng)絡(luò)的發(fā)展歷史，每一次網(wǎng)絡(luò)大提速都會(huì)興起新的媒介，2G到3G的轉(zhuǎn)變來帶來了從文字到圖片的轉(zhuǎn)變，3G到4G人們則從圖片時(shí)代走入了視頻時(shí)代，最近火熱的抖音等一眾短視頻應(yīng)用離不開4G網(wǎng)絡(luò)的支持，4G到5G則會(huì)讓人們從2D時(shí)代徹底走入3D時(shí)代，依托于更高帶寬的傳輸網(wǎng)絡(luò)能夠快速的將三維體驗(yàn)帶給用戶。

此外5G時(shí)代人們將徹底甩掉應(yīng)用下載-安裝-使用的流程，微信小程序的成功已經(jīng)證明了人們對(duì)于訪問即可使用無需安裝的應(yīng)用有著非常強(qiáng)烈的需求。這也正是WebAR的目標(biāo)，隨時(shí)隨地隨心使用，和下載安裝說再見。

經(jīng)歷了起起落落充滿坎坷的8年，WebAR即將在5G時(shí)代迎來屬于自己的春天，隨著和各手機(jī)系統(tǒng)底層功能的打通，人們將可以直接通過互聯(lián)網(wǎng)體驗(yàn)到更加強(qiáng)大的AR功能，作為消費(fèi)者的你，準(zhǔn)備好迎接這新的潮流了嗎？

來源：87870