WebAR 如何改變加強現實的將來

時間 2020-04-08

原文原文鏈接

做者：Matvii Kovtun
翻譯：瘋狂的技術宅前端

原文：https://perfectial.com/blog/w...程序員

未經容許嚴禁轉載web

加強現實技術在開發人員和智能手機用戶中愈來愈受歡迎，但它仍是沒有在無所不在的技術中佔據一席之地。要體驗 AR，用戶必須安裝專用的程序，但常常會在用過幾回後就將其刪除，甚至根本去下載它。 WebAR 將成爲用戶不肯意經過下載應用程序體驗的解決方案，而且有至關多的證據代表它會成功。面試

什麼是WebAR？

WebAR 是一種加強現實體驗，可經過 Web 瀏覽器而不是應用程序進行訪問。它經過使用諸如 WebGL、WebRTC、WebVR 和 API 之類的技術來提供基於 Web 的 AR 體驗。簡而言之，你只須要一部智能手機便可訪問它。chrome

WebAR 使智能手機用戶能夠經過 web 以最簡單的方式發現 AR 技術，沒有安裝的負擔。它簡單地打破了障礙，並建立了能夠經過 QR 碼或連接訪問的交互式 3D 模型。目前與基於應用程序的 AR 相比，WebAR 提供了有限的功能，但它已經有了簡單的動畫、視頻和必定程度的交互性功能。此外 WebAR 支持圖像目標檢測。segmentfault

WebAR 背後的技術

WebAR 是沉浸式網絡的一部分，儘管它不須要應用程序，但仍然有一些技術要求。首先，你的智能手機必須具備陀螺儀、加速度計和 RGB 攝像頭等傳感器（大多數現代智能手機都配備了此類傳感器）才能運行 WebAR 頁面。此外你的瀏覽器應支持 WebXR，該 API 可以讓用戶無需安裝額外的插件或軟件便可查看 AR/VR 內容，而且已安裝了 AR Core（適用於 Android 設備）。後端

對於 iOS 設備用戶，Apple 開發了 AR Quick Look，該擴展使用戶能夠在 Web 上使用 ARKit。這樣能夠經過 Web 快速輕鬆地訪問 AR —— AR Quick Look 使用 USDZ 格式的模型。而後在屏幕上顯示 AR 圖像後，只需輕按一下便可得到AR體驗。它能夠在 Safari 瀏覽器和郵件、便箋和消息等內置應用中運行，並容許你查看高質量的 3D 對象。瀏覽器

USDZ 格式是由 Apple 與 Pixar Animation Studio 共同建立的，並容許開發人員爲 AR 建立3D模型。這是 USD 格式的擴展，它結合了多個對象（例如圖像和文本），並將它們渲染爲一個。 USDZ 自己是未加密的 zip 文件，能夠經過 Apple 的基於 Python 的工具建立。它還包括一個轉換器，可將其餘文件格式（如 .fbx，.abc，.gltf，.obj）轉換爲 USDZ。安全

還有許多其餘工具和框架可幫助開發人員使用 WebAR 擴展沉浸式網絡。例如，AR.js 是 Web 上加強現實的開放源代碼庫，用於改善智能手機上的 WebAR 性能，其中包括基於標記的技術（簡化的 QR 碼）和基於位置的 AR。它能夠輕鬆執行到 60FPS，而且很容易構建 WebAR 體驗。總而言之，爲了使現代瀏覽器可以識別並顯示 3D 內容，而不只僅是像素，「 3D 內容必須是可組合的，可互操做的且可標準化的」以推進這項技術的發展。服務器

WebAR 如何工做

一般 WebAR 能夠做爲 AR 真正可以爲其用戶提供的驚人體驗，可是在開發過程當中須要考慮不少方面。爲了發揮功能和用戶友好性，WebAR 應該以如下方式工做。

首先，應該定義設備在 3D 空間中的什麼地方——其位置和方向。須要執行此步驟才能在真實世界上同步 3D 圖像。有時能夠將此過程稱爲六個自由度，這意味着能夠跟蹤三個位置軸和三個方向軸。其次，須要暴露攝像機流，其視野和攝像機的透視圖。虛擬世界和現實世界的同步也須要此功能。第三，要在完好陷的 Web 版本中運行 AR，應包括場景理解功能，這意味着設備可以找到放置 3D 對象的表面並具備估算環境中的光線的能力。

與 Facebook 和 Snapchat 同樣，基於應用程序的 AR 使用了基於雲的 CMS，並基於某種觸發、連接、標記甚至用戶臉部的 AR 體驗。觸發器向後端系統發出請求，以發送資源和代碼來啓動 AR 體驗。要快速下載並正常工做，AR 文件大小（4mb）有必定限制。 WebAR 還能夠經過觸發器（QR 代碼或連接）激活，可是它使用 Web 優化來下載內容，可是其大小仍然有限。此外，最好使 QR 碼圖像保持平整，放在非反射材料上並具備特定尺寸。可是，若是移動設備的計算機視覺 AI 能夠檢測到圖像的某些特徵點，則代碼最終仍將起做用。

目前 WebAR 功能的限制

儘管爲智能手機用戶提供了更多可能性，但 WebAR 的功能至關有限； AR 的性能在應用程序上更好。顯示 AR 圖像的網頁對內存的限制是提升 WebAR 性能的障礙之一，由於它直接影響動畫的質量。

更重要的是，與基於應用程序的 AR 相比，WebAR 的功能也受到更多限制。例如將物體放在牆上或進行真實世界的測量將是有問題的。與基於應用程序的 AR 開發流程相比，在建立 WebAR 體驗期間，開發人員沒法訪問爲其構建設備的全部功能。所以它們只能使用基本功能。

互聯網的速度是另外一個可能阻礙 WebAR 的因素：它必須具備最高的速度，而且必須不間斷地工做，由於 WebAR 須要持續鏈接到互聯網。可是顯然隨着 5G 的到來，這個問題將再也不重要。

若是你想體驗 WebAR 的高級功能，能夠在 Chrome Canary 上試用，這是給 Chrome 開發人員的實驗版，可以讓你瞭解新技術的將來。例如，你能夠測試 Chacmool demo —— 教育性的 AR 體驗，以幫助用戶探索古老的 Chacmool 雕塑。

WebAR 的市場意義

常規的基於應用程序的 AR 已被普遍使用，並可供全部人使用。諸如 Snapchat 或 Instagram 之類的應用程序具備「masks」，這已成爲一種趨勢。宜家和樂高也已經成功實施了這項技術。可是全部這些 AR 應用程序都缺乏同樣東西——自治。所以 WebAR 頗有可能像基於應用程序的應用同樣流行，甚至替代它。讓咱們看一下在商業、營銷或平常生活中可能的 WebAR 應用。

第一個也是最使人興奮的 WebAR 應用多是搜索查詢。谷歌已經宣佈了一個計劃，這將使 AR 進入網絡搜索。例如，當你查找有關鯊魚的信息時，能夠將動物的動畫版本放在真實的背景上；或者你能夠嘗試一雙鞋，看看它們在現實中的樣子。後一個功能爲在線購物開闢了全新的可能，由於若是客戶可以在購買以前先經過與產品的 3D 模型進行交互進行嘗試，他們將會對購買更有信心。

可使用 WebAR 的行業：

電子商務和廣告。 WebAR 能夠將電子商務體驗提高到另外一個層次。就營銷而言，它將爲廣告活動提供一個新平臺，由於人們只需掃描 QR 碼或點擊連接便可獲得他們喜歡的更具吸引力和互動性的廣告。
教育。 WebAR 在教育中的應用多是一種使學生參與課堂活動，並使整個教育過程更加互動和使人興奮的好方法。此外它還能夠幫助學生在校園內導航。
娛樂。將 WebAR 用於娛樂多是最明顯的，由於交互自己確實頗有趣。它能夠用於遊戲甚至電影宣傳。Sony Pictures 其實是使用 WebAR 來宣傳《勇敢者的遊戲》的，他們經過語音交互提供了真正引人入勝的體驗，從而進行激動人心的 3D 冒險。
商業。 WebAR 最有趣的實現之一是 3D AR 名片。當你掃描 QR 碼時，手機屏幕上會出現一個交互式卡片。你能夠從那裏瀏覽用戶的社交媒體、電子郵件等。你的 WebAR 名片還可讓你跟蹤分析使用 QR 碼的人數。

WebAR 的將來

WebAR 將很快成爲主流，而且可能會被營銷人員更多地使用。關於 WebAR 最好的事情是，它能夠用一種很是簡單的方法來訪問信息。只須要一次 QR 碼掃描或一次點擊，就能夠在周圍任何地方集成、建立一個無需搜索便可得到數據的空間。經過交互式地圖將視覺方向疊加在真實背景上，你將輕鬆找到本身的路。或者當你在汽車站時，可使用手機掃描空曠的道路，來查看公交車是否會如期到達。

根據 Google 的前 UX 工程師 Jordan Santell 的觀點，最可能的發展結果是 AR 更好地適應了 Web 格式，這意味着能更好地瞭解場景，併爲共享的 WebAR 體驗建立雲空間。WebAR 的進一步發展也能夠經過頭戴式設備的普遍承認而加速，這能夠爲整個 AR 提供其餘層次的體驗。這意味着，當人的真實背景發生變化時，當上下文相關的內容出現時，即可以當即訪問信息。

可是在現實中，這種狀況不太可能發生，由於 Google 的加強現實頭戴式設備並未普及，而且還涉及許多問題，例如我的隱私問題、數據安全性和過分消費等。所以必須經過適當的立法，世界必須學習如何明智地使用這項技術，以使它對全部人都有好處。

總結一下

使 AR 進入 web 多是這項技術將來的最佳選擇。智能手機用戶沒必要安裝大量應用程序，WebAR 可使加強現實更容易訪問，而且對業務更有利。使用 WebAR 進行產品數字化，將會把客戶關係開創一個新紀元，並極大地豐富了品牌的業務戰略。也許在不久的未來，可以經過專用 VR 頭盔進行交互的 WebAR 仍將在平常生活中獲得普遍使用，但出於商業目的，它的積極應用正在發生。