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功能，作为消费者的你，准备好迎接这新的潮流了吗？

相关下载

---