WebAR："我的人生難道就是起起落落落落落落？"

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

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

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

WebAR的誕生

2009年FLARToolKit的誕生標誌著AR技術進入了Web時代。FLARToolKit在當年是一個明星項目，被用於當時很多極富創意的AR營銷，比如通用電氣的Plug Into the Smart Grid AR營銷在當時獲得了極大的關注，紐約時報、華爾街日報等上百家的媒體與博客報道了這次營銷活動。

這一營銷只需你通過電腦訪問一個網站，然後網站會調用你的攝像頭，當你在攝像頭前舉起一張列印著特定標識的白紙時，網站會識別紙上的標識並顯示出對應的動畫內容。

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

來自智能手機的衝擊

天有不測風雲，2010年iPhone 4的橫空出世引領著世界進入了智能手機時代，隨著iOS與安卓設備迅速的佔領市場，其系統中的應用市場徹底改變人們訪問互聯網內容的方式，人們越來越多的通過手機應用來訪問特定的互聯網內容，網頁瀏覽器漸漸的被人們遺忘在了角落，順帶著一切和Web相關的技術也進入了冰封期，其中就包括了WebAR。

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

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

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

Web技術的革新帶來曙光

WebAR在手機AR面前一敗塗地的同時，作為WebAR底層技術的Web技術卻在謀求一次浴火重生，以更好的服務於移動互聯網時代。2012年，由W3C組織制定的HTML5的規範正式定稿，增強了對手機設備上瀏覽多媒體的支持，其中最重要的莫過於Canvas標籤的引入，網頁終於擁有了方便使用的實時圖形渲染介面，目前的WebVR與WebAR畫面都是渲染在這一標籤中的。

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

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

HTML5標準的出現似乎又給WebAR技術的發展帶來了一絲曙光，Chrome瀏覽器與Firefox瀏覽器均在2013年的更新中增加了對WebRTC的支持，不過接下來的事情發展並不如人們所期待的那樣。

隱私問題與遲到的蘋果

WebRTC技術的出現引起了人們對於隱私問題的擔憂——網站能夠訪問攝像頭和麥克風非常容易造成個人信息的泄露。

2015年，TorrentFreak網站聲稱發現支持WebRTC的瀏覽器會泄露用戶的真實IP地址，真實IP地址通常會被網路廣告服務提供商收集用於提供個性化的精準廣告推送。

蘋果一直對於WebRTC這種涉及隱私風險的技術持有保留態度，直到2017年蘋果ARKit 1.0發布時才在Safari 11中增加了對WebRTC功能的支持。直到這時，WebAR才真正成為了可以全平台通用的手機技術，然而這顯然已經來的太遲了。

WebAR的止步不前與AR原生應用的飛躍

在WebAR緩慢前進的這幾年，基於各種操作系統原生應用的AR技術已經取得了飛躍。2015年微軟發布了擁有空間識別能力的HoloLens。同一年被Darqi收購了的ARToolKit宣布開源，並發布了JSARToolKit5.2版本，但是這一版本的JSARToolKit依然只有標識圖與物體的識別功能。那時起WebAR已經與各種移動平台提供的AR功能產生了差距。

2017年蘋果與谷歌先後發布的ARKit與ARCore則是將空間識別的能力賦予了手機，人們對於AR功能的應用已經從掃描識別轉移到了現實空間的感知與增強——這也正是增強現實技術本來的目標。如傢具或是商品AR預覽的功能被添加進了大量的購物應用中，遊戲公司也在嘗試利用這種新的特性來為遊戲增加更多的可玩性。

然而時至今日，JSARToolKit依然只能通過預先輸入需要識別物體的圖片的方式對物體進行識別，新一代的設備通過集成更多的感測器實現了更為強大的功能，在技術方面將WebAR遠遠的拋在了身後。

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

遠遜於原生應用的運行效率、缺失最新的技術研究成果，WebAR急需一場真正的技術變革來改變尷尬的處境。

真正的變革來自手機的底層技術

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

目前谷歌WebXR的AR API仍處於測試之中，只開放了對真實環境的碰撞檢測，通過這一介面，你可以將三維物體以一種非常自然的方式放置於真實世界中，並與其進行簡單的互動。

在這一API的基礎之上，再通過THREE.js在網頁上實時渲染3D模型並進行交互的能力，開發者們終於能夠通過網頁實現以往只能通過手機應用實現的AR功能了。

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

ARKit 2.0則對瀏覽器開放了將三維物體放入真實環境中進行預覽的功能——AR Quick Look功能，通過在網頁上嵌入usdz格式的三維模型文件，用戶可以通過點擊對應文件的鏈接調用Safari內嵌的AR功能，即可在真實的環境中以實際大小觀察想要購買的物品。

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

一項研究表明，AR廣告的平均停留時間為75秒，是廣播或電視廣告平均值的2.5倍。人們在體驗AR內容時會放慢速度進行交互並真正花時間處理信息。如此出色的廣告效果給電商巨頭們帶來了巨大的動力，電商巨頭們都在積極的擁抱AR技術更好的促進銷售轉化。

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

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

5G將帶來WebAR新的春天

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

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

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

【87870原創文章，轉載須註明來源及鏈接，否則將追究其法律責任！】

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！