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

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

WebAR無需下載即可使用的特性使得AR體驗的易傳播性大大高于傳統(tǒng)的手機(jī)應(yīng)用，本身前沿科技的噱頭又大大增加了話題性和關(guān)注度，深受廣告、電商等需要用戶關(guān)注度的行業(yè)喜愛。然而其發(fā)展過程實在是充滿了曲折，要知道WebAR技術(shù)誕生于2009年，這么多年來一直籍籍無名，到底是為什么呢？了解了WebAR的發(fā)展歷程，你就明白了。

WebAR的誕生

2009年FLARToolKit的誕生標(biāo)志著AR技術(shù)進(jìn)入了Web時代。FLARToolKit在當(dāng)年是一個明星項目，被用于當(dāng)時很多極富創(chuàng)意的AR營銷，比如通用電氣的Plug Into the Smart Grid AR營銷在當(dāng)時獲得了極大的關(guān)注，紐約時報、華爾街日報等上百家的媒體與博客報道了這次營銷活動。

這一營銷只需你通過電腦訪問一個網(wǎng)站，然后網(wǎng)站會調(diào)用你的攝像頭，當(dāng)你在攝像頭前舉起一張打印著特定標(biāo)識的白紙時，網(wǎng)站會識別紙上的標(biāo)識并顯示出對應(yīng)的動畫內(nèi)容。

盡管運用了Flash技術(shù)而不是純粹的Web技術(shù)來完成這次WebAR營銷，這是大多數(shù)人首次僅僅打開一個網(wǎng)站就可以體驗到AR功能給人們帶來的新鮮感。那時的Web只能做一些很簡單的顯示工作，顯示三維模型與動畫全部需要依賴于Flash插件，但這也掀起了一波WebAR的浪潮，相當(dāng)多的公司投入到了相關(guān)技術(shù)的研發(fā)當(dāng)中，看起來WebAR將會擁有一個光明的未來。

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

天有不測風(fēng)云，2010年iPhone 4的橫空出世引領(lǐng)著世界進(jìn)入了智能手機(jī)時代，隨著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ī)瀏覽器被遺忘在角落？其實根源出在了Flash插件上。原本人們訪問網(wǎng)頁上的視頻、動畫或者游戲，都需要通過Flash插件來實現(xiàn)。但是無奈Flash自身漏洞實在是太多，存在嚴(yán)重的安全問題，iPhone在最初上市時就不支持這一插件，安卓在2011年的4.0版本也取消了對Flash的支持。那時人們無法再通過網(wǎng)頁來訪問這些內(nèi)容，同時原生應(yīng)用對視頻和游戲的支持與優(yōu)化大大的提高了用戶體驗。

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

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

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

WebAR在手機(jī)AR面前一敗涂地的同時，作為WebAR底層技術(shù)的Web技術(shù)卻在謀求一次浴火重生，以更好的服務(wù)于移動互聯(lián)網(wǎng)時代。2012年，由W3C組織制定的HTML5的規(guī)范正式定稿，增強(qiáng)了對手機(jī)設(shè)備上瀏覽多媒體的支持，其中最重要的莫過于Canvas標(biāo)簽的引入，網(wǎng)頁終于擁有了方便使用的實時圖形渲染接口，目前的WebVR與WebAR畫面都是渲染在這一標(biāo)簽中的。

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

在WebRTC（Web Real-Time Communication）出現(xiàn)之前，人們使用手機(jī)時只能通過網(wǎng)頁拍攝照片或者是錄制視頻文件然后上傳。WebRTC提供的實時視頻流處理技術(shù)對AR技術(shù)意義重大，因為AR中的許多識別功能需要實時的攝像頭數(shù)據(jù)以及傳感器數(shù)據(jù)才能保證識別結(jié)果的精確。

HTML5標(biāo)準(zhǔn)的出現(xiàn)似乎又給WebAR技術(shù)的發(fā)展帶來了一絲曙光，Chrome瀏覽器與Firefox瀏覽器均在2013年的更新中增加了對WebRTC的支持，不過接下來的事情發(fā)展并不如人們所期待的那樣。

隱私問題與遲到的蘋果

WebRTC技術(shù)的出現(xiàn)引起了人們對于隱私問題的擔(dān)憂——網(wǎng)站能夠訪問攝像頭和麥克風(fēng)非常容易造成個人信息的泄露。

2015年，TorrentFreak網(wǎng)站聲稱發(fā)現(xiàn)支持WebRTC的瀏覽器會泄露用戶的真實IP地址，真實IP地址通常會被網(wǎng)絡(luò)廣告服務(wù)提供商收集用于提供個性化的精準(zhǔn)廣告推送。

蘋果一直對于WebRTC這種涉及隱私風(fēng)險的技術(shù)持有保留態(tài)度，直到2017年蘋果ARKit 1.0發(fā)布時才在Safari 11中增加了對WebRTC功能的支持。直到這時，WebAR才真正成為了可以全平臺通用的手機(jī)技術(shù)，然而這顯然已經(jīng)來的太遲了。

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

在WebAR緩慢前進(jìn)的這幾年，基于各種操作系統(tǒng)原生應(yīng)用的AR技術(shù)已經(jīng)取得了飛躍。2015年微軟發(fā)布了擁有空間識別能力的HoloLens。同一年被Darqi收購了的ARToolKit宣布開源，并發(fā)布了JSARToolKit5.2版本，但是這一版本的JSARToolKit依然只有標(biāo)識圖與物體的識別功能。那時起WebAR已經(jīng)與各種移動平臺提供的AR功能產(chǎn)生了差距。

2017年蘋果與谷歌先后發(fā)布的ARKit與ARCore則是將空間識別的能力賦予了手機(jī)，人們對于AR功能的應(yīng)用已經(jīng)從掃描識別轉(zhuǎn)移到了現(xiàn)實空間的感知與增強(qiáng)——這也正是增強(qiáng)現(xiàn)實技術(shù)本來的目標(biāo)。如家具或是商品AR預(yù)覽的功能被添加進(jìn)了大量的購物應(yīng)用中，游戲公司也在嘗試?yán)眠@種新的特性來為游戲增加更多的可玩性。

然而時至今日，JSARToolKit依然只能通過預(yù)先輸入需要識別物體的圖片的方式對物體進(jìn)行識別，新一代的設(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)用的運行效率、缺失最新的技術(shù)研究成果，WebAR急需一場真正的技術(shù)變革來改變尷尬的處境。

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

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

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

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

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

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

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

一項研究表明，AR廣告的平均停留時間為75秒，是廣播或電視廣告平均值的2.5倍。人們在體驗AR內(nèi)容時會放慢速度進(jìn)行交互并真正花時間處理信息。如此出色的廣告效果給電商巨頭們帶來了巨大的動力，電商巨頭們都在積極的擁抱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ù)難度對于電商網(wǎng)站來說都顯得有點高。

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

5G將帶來WebAR新的春天

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

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

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

來源：87870