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有Java版本的替代品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功能,作為消費者的你,準備好迎接這新的潮流了嗎?