当前位置: 首页 > Web前端 > HTML5

Web端也能实现基于定位GPS的增强现实吗?

时间:2023-04-05 16:29:28 HTML5

AR导航(AR+GPS)最近很火。不仅国内地图公司布局了AR导航市场,高德已经正式在Android和iOS终端上线了AR导航功能(GPSAR导航iPhone版也上线了!),腾讯地图和滴滴也分享了AR导航的一些关键技术(滴滴AR实景导航背后的技术);国外谷歌近期更新完善了AR导航功能,让交互更加友好,导航更加直观高效。现在的AR导航大多直接运行在native端(iOS或者Android),那么AR导航是否可以在web端实现呢?当然,这里有封装好的框架供我们开发使用:GeoAR.js是一个免费的基于web端的轻量级库,可以利用手机的GPS传感器实现web端的AR导航功能。关于WebARWebAR结合使用WebRTC、WebGL和现代传感器API,通过网络浏览器提供对基于网络的增强现实的访问和实施。2009年FLARToolKit的诞生,标志着AR技术进入Web时代。FLARToolKit是使用最广泛的基于Flash的AR库,受到大型开发人员社区和许多带有示例应用程序的网站的支持。FLARToolKit是ARToolKit的FlashActionscript(v3)版本,可用于快速开发基于Web的AR体验。FLARToolKit从输入图像中识别视觉标记,然后计算摄像机在3D世界中的方向和位置,并将虚拟图形叠加在实时视频图像上。FLARToolKit支持所有主要的Flash3D图形引擎(Papervision3D、Away3D、Sandy、Alternativa3D)。但随着Flash的没落,FLARToolKit框架也逐渐淡出了历史舞台。现在WebAR越来越主流,市面上也有很多优质高效的第三方框架可供开发者使用。好的框架或者工具往往事半功倍。以下是作者总结的一些成熟框架:AR.js是一个轻量级的类增强现实JavaScript库,支持基于标记和基于位置的增强现实。开发人员可以使用几行HTML将AR特性和功能带到任何网站。该项目是开源的,在GitHub上拥有近14000颗星,各平台的开发者正在使用它创造更多新的数字体验。AR.js框架包括跨浏览器兼容性,并支持WebGL和WebRTC,这意味着它可以在iOS11及更高版本的Android和iPhone设备上运行。通过包装许多不同的AR框架,包括three.js、a-frame和ARToolKit,AR.js可以更轻松、更高效地将AR引入Web应用程序。它具有以下优点:跨浏览器兼容性即使在旧设备上也能以60fps的速度运行基于Web无需安装普通硬件可以用不到10行HTML完成GoogleMapsLiveView:最近,Google发布了基于位置的AR体验Google地图应用。该手机根据GPS数据识别其在世界上的位置,并在手机上显示AR内容以突出显示地点、方向等。想象一下现在实现相同的AR效果,但通过网络,每部手机只需打开浏览器即可访问。无需在手机上安装任何应用程序。现在有一个框架可以帮助您在Web上实现基于位置的AR:GeoAR.js。简单的GeoAR.js演示需要在带有GPS传感器的手机上打开url,在打开它之前启动GPS传感器。尝试在户外时将其打开,这样您将获得更稳定的体验。您会看到您周围的一些地点,用地点图标表示。如果你点击它们,它会告诉你地名。Demo地址:https://nicolo-carpignoli.her...https://nicolo-carpignoli.her...GeoAR.js基本上有两个功能:(1)根据相机的orientation/position,根据真实世界在手机上的位置显示AR内容(2)与AR内容和WebUX元素交互。当前(2019年9月)可用的名为“点击位置”的是作者刚刚发布的演示URL。在这方面,作者使用FoursquareAPI动态添加特定数量的位置到应用程序,从用户的GPS位置开始。作者还使用从HTML导入的Javascript为每个图标添加了位置图标和点击行为。GeoAR.js完成剩下的工作:启动时,询问是否启用了GPS数据权限(还处理有关iOS12运动传感器的问题),并在相机上显示位置图标。移动相机并四处走动将改变用户在现实世界中的位置和方向,GeoAR.js会重新计算数据并显示内容在现实世界中的位置。为此,它使用一种算法来计算对象与用户位置的距离。GeoAR.js项目地址:https://github.com/nicolocarp...相关阅读:WebAR开发详细学习路线,就看这篇文章吧!构建WebAR实时视频流应用使用WebAR和深度学习创建人物全息图(代码下载)WebAR实现与应用介绍专注于ARVR、Unity、Unreal、CV和AI新技术职业教育,产生高优质课程内容,打造开发者学习与服务闭环模式,提供从学习到offer再到进阶学习的一站式服务。作为国内最早、质量最高的ARVR、Unity、Unreal、CV、AI开发者平台,与世界一流大学教授、高校、企业、新媒体艺术家、工程师在AI、CV领域合作,共同开发高-优质实用的ARVR、Unity、Unreal、AI课程、在线教育+开发者服务+行业对接平台业务组合,服务好开发者、企业用户和高校