关于 Web AR

2023-04-15
来源:

关于WebAR:

  • 关注点在Web上。“Web上也能实现AR效果吗?那以后做营销会不会更简单、传播更广更快了。”

  • 关注点在AR上。“就是那个Pokemon Go啊,我知道的,它不是原生应用吗,使用Android开发的吗,难道以后Web端也可以体验到吗?“

  • 关注点在WebAR上。“WebAR现在确实是个流行趋势,尤其是对广告营销电商行业,但是好像行业没有爆款应用啊,它的应用前景到底有多大呢?”。

不管你是三种情况的哪一种,无法否认的是WebAR正在快速的与各行各业结合产生新的应用场景,并给我们的生活带来不一样的体验与感受。对于商家企业普通用户来说:其实在今年7月份,微信小程序正式宣布支持实现AR效果,并向品牌商户、AR引擎服务商开放接入。微信团队也表示,微信小程序在AR科技领域的全新探索,体现其在新技术应用落地上的强大能力,将为各行各业带来更广阔的发展空间。同时首个支持AR动态试妆的美妆品牌小程序“阿玛尼美妆官方精品商城”也正式更新上线。小程序AR在彩妆行业、美发行业、广告行业、时尚行业、电商行业、零售行业等多领域进行场景尝试,不仅能为用户带来更具科技感、更便捷、更趣味、更新奇的体验,也能为商家构建更为极致的营销场景,助力行业提升品牌效能和生意增长。对于开发者而言:在前端开发中,工程师常常这样调侃“一入前端深似海”。确实,前端的应用面十分广,知识点比较零碎,学习范围也比较大,当然,实现的功能也更加全面。所以对于当下十分火热的AR,运用前端技术也可以轻松的实现。Web平台在AR,SLAM或跟踪的技术应用上将会越来越普及。本篇文章希望从WebAR概念、优点、发展史、WebAR常用框架、WebAR关键技术、WebAR市面上常用的开发工具与WebAR和浏览器的兼容性这些角度去为大家介绍WebAR!

WebAR概念

通俗的按照字面意思来讲,WebAR就是在Web端集成AR的功能。WebAR使用WebRTC,WebGL和现代传感器API的组合技术,通过Web浏览器提供对基于Web的增强现实的访问与实现。

WebAR发展史

WebAR的发展史一定是与Web的迭代息息相关的。

  • WebAR的诞生:2009年FLARToolKit的诞生标志着AR技术进入了Web时代。FLARToolKit在当年是一个明星项目,被用于当时很多极富创意的AR营销,比如通用电气的Plug Into the Smart Grid AR营销在当时获得了极大的关注,纽约时报、华尔街日报等上百家的媒体与博客报道了这次营销活动。这一营销只需你通过电脑访问一个网站,然后网站会调用你的摄像头,当你在摄像头前举起一张打印着特定标识的白纸时,网站会识别纸上的标识并显示出对应的动画内容。尽管运用了Flash技术而不是纯粹的Web技术来完成这次WebAR营销,这是大多数人首次仅仅打开一个网站就可以体验到AR功能给人们带来的新鲜感。那时的Web只能做一些很简单的显示工作,显示三维模型与动画全部需要依赖于Flash插件,但这也掀起了一波WebAR的浪潮,相当多的公司投入到了相关技术的研发当中。

  • FLASH没落淘汰时期:2010年iPhone4智能手机的发布标志着Web进入下一个阶段,原本人们访问网页上的视频、动画或者游戏,都需要通过Flash插件来实现。但是无奈Flash自身漏洞实在是太多,存在严重的安全问题,iPhone在最初上市时就不支持这一插件,安卓在2011年的4.0版本也取消了对Flash的支持。虽FLARToolKit有JavaScript版本的替代品JSARToolKit,可以不通过Flash插件来实现WebAR功能,但手机AR应用相比那时的WebAR有着相当多的优势——能够完全发挥设备性能、深度优化的针对手机设备的AR体验、随时随地打开即可使用而无需等待从网络中加载庞大的数据。这些使得手机AR应用的数量大大超过了WebAR,许多WebAR项目被无限期冷藏,开发人员纷纷投入到了体验更好的移动AR平台中。

  • HTML5时期:2012年,由W3C组织制定的HTML5的规范正式定稿,增强了对手机设备上浏览多媒体的支持,其中最重要的莫过于Canvas标签的引入,网页终于拥有了方便使用的实时图形渲染接口,目前的WebVR与WebAR画面都是渲染在这一标签中的。这一变化带来了WebGL以及WebRTC技术。WebGL技术允许网页在渲染图形时可以使用硬件加速来提高渲染效率。WebRTC的出现让网页可以实时处理手机摄像头的数据,可以实现实时视频通话的功能。在WebRTC(Web Real-Time Communication)出现之前,人们使用手机时只能通过网页拍摄照片或者是录制视频文件然后上传。WebRTC提供的实时视频流处理技术对AR技术意义重大,因为AR中的许多识别功能需要实时的摄像头数据以及传感器数据才能保证识别结果的精确。Chrome浏览器与Firefox浏览器均在2013年的更新中增加了对WebRTC的支持。

以上关于WebAR的历史发展参考:

WebAR优缺点

  • WebAR可以轻松地运行在Android、iOS、Windows、Mac系统的Web浏览器上,无需APP,轻松实现跨平台。

  • WebAR 可以实现扫描识别图呈现3D动画模型、视频、图片、文字、UI按钮等效果,并且支持3D模型交互。

  • WebAR主要是以URL的格式传播,符合微信等社交媒体信息流动的基本技术要求,配合创意策划方案,可以形成爆炸式的病毒营销效果。

当然WebAR目前也存在一些问题:

  • 各浏览器标准不统一

  • 3D内容加载慢,无法实现复杂的内容

  • 渲染质量低

  • 存在隐私问题

  • 无法实现复杂交互

WebAR开发框架

上面提到2009年FLARToolKit的诞生标志着AR技术进入了Web时代(当然这么说有点夸张,但其实想表达的是WebAR其实很早就发展起来了)。FLARToolKit是使用最广泛的基于Flash的AR库,得到了大型开发人员社区和许多带有示例应用程序的网站的支持。FLARToolKit是ARToolKit的Flash Actionscript(v3)版本,可用于快速开发基于Web的AR体验。FLARToolKit从输入图像中识别出视觉标记,然后计算摄像机在3D世界中的方向和位置,并将虚拟图形覆盖在实时视频图像上。FLARToolKit支持所有主要的Flash 3D图形引擎(Papervision3D,Away3D,Sandy,Alternativa3D)。但随着Flash的没落,FLARToolKit框架也慢慢淡出历史舞台。


分享
下一篇:这是最后一篇
上一篇:这是第一篇
写评论...