检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
总体开发思路 使用WebARSDK开发移动端应用的工作流程如图1所示。 图1 工作流程 准备工作。 下载WebARSDK、收集AK/SK信息、开通关联服务。 创建H5移动端工程。 使用原生或者流行框架(如Vue、React)创建H5移动端工程。 引入WebARSDK文件。 下载、解压
概述 您可开启AR会话获取设备的图像、GPS坐标及传感器数据,启动SLAM从而进行视觉定位。 传感器包括陀螺仪、加速度计、磁力计。 父主题: 开启AR会话
概述 AR导航功能依赖视觉定位,提供空间位置追踪能力。 您可以依赖图像数据、相机矩阵及路径点信息进行3D导航路径渲染。 父主题: 实现AR导航
开发指导 开发流程 开发流程请参考图1。 图1 开发流程图 开发过程 搜索POI。 // 创建获取POI的异步任务栈 var mPOICloud = new HTPOICloud(); // 将生命周期绑定到unity的生命周期 mPOICloud.Create("NAVIPOI
注意事项 创建导航 // HTNavigationProvider是为导航模块提供参数与配置的类,通过对这个类的参数调整,可以对导航功能进行详细配置 mNaviProvider = new HTNavigationProvider(HTSystemManager.GetHTSystem
从服务开通到实际可用,需要多长时间 当前KooMap服务处于公测阶段,公测期间开通服务需要7个工作日。 父主题: 服务开通
开发指导 开发流程 图1 AR导航启动流程 开发过程 开启AR会话。 选定终点位置。 通过POI智能搜索(hwar.searchPoi)选定终点坐标。 // POI智能搜索 hwar.searchPoi({ "floor": "1F", "address": "xxx
视觉定位 接口列表 视觉定位需要使用的接口如表1所示。 表1 视觉定位接口列表 接口 描述 参数名 参数类型 参数说明 返回值 getToken 向服务器请求签名。 - - - Promise<any> setAKSK 验证租户身份信息。 requestParams { AK: string
调试工具 常用的调试工具包括: 基于Chromium内核的浏览器(例如Edge、Chrome)的开发者工具(DevTools) Safari浏览器 父主题: 常用调试方法
开发指导 开发流程 创建和开发流程如图1所示。 图1 流程图 开发过程 配置AK/SK信息。 在新建的Unity工程“Assets > HTFoundation > Scripts > BaseUtils”中找到HTStringRes.cs,并在HTStringRes.cs配置AK
开发指导 开发流程 图1 开启AR会话开发流程 开发过程 开启AR相机。 在工具的资源管理器,单击右键,选择“新建文件夹”,命名为“components”。 选择“components”文件夹,单击右键,选择“新建文件夹”,命名为“xrstart”。 选择“xrstart”文件夹,
注意事项 如果您无法获取视频流,建议排查以下问题: 检查小程序相机权限是否打开。 检查移动设备后置摄像头是否能正常拍摄画面。 父主题: 开启AR会话
视觉定位 接口列表 表1 视觉定位接口列表 接口 描述 参数名 参数类型 参数说明 返回值 init 初始化视觉定位模块。 config { access: string, secret: string, beforeLocateDelta: number, afterLocateDelta
开启AR会话方案概述 您可开启AR会话获取设备的图像、GPS坐标及传感器数据,启动SLAM从而进行视觉定位。 视觉定位成功后,您可获取到当前位置的坐标信息,并在附近渲染数字内容,从而构建虚实融合的世界。 传感器包括陀螺仪、加速度计、磁力计。 父主题: 开启AR会话
事件管理 事件管理使用到的接口如表1所示。 表1 事件管理接口列表 接口 描述 参数名 参数类型 参数说明 返回值 dispatchEvent 事件派发。 strId string 侦听事件id。 void data { [key: string]: DataType } 携带的数据
cfg.ini调试方法 基本原理 您可以通过创建和修改应用目录下的cfg.ini文件调试信息配置,调试信息在配置文件中以键值对的形式存在。ini文件的配置目录如下: Unity:C:\...\AppData\LocalLow\{company name} \{product name
注意事项 视频流无法正常获取原因排查 如果您无法获取视频流,建议您排查以下问题: 检查是否存在浏览器多个标签页同时申请获取视频流的情况,建议您关闭其他标签页。 检查浏览器是否支持WebRTC,如不支持,建议您更换浏览器。 检查应用相机权限是否打开。 检查移动设备后置摄像头是否能正常拍摄画面
注意事项 了解坐标系 VPS坐标系 VPS坐标系是基于UTM坐标定义的,北向Y轴正向和东向X轴正向如图1所示。 图1 VPS坐标系示意图 Three.js渲染引擎坐标系 摆放虚拟物体时需要注意:Three.js的相机朝向是Z轴的反向。 图2 Three.js渲染引擎坐标系示意图 坐标系转换
调用前准备工作 XRLightSDK封装类名为“XRClient”,所有API均直接通过类“XRClient”来调用,无需实例化。 在调用SDK前,需在文件头部引入XRClient类。 import { XRClient } from "../../SDK/XRClient"; 父主题
调用前须知 调用API前,您需提前了解如下内容: WebARSDK封装类名为“hwar”,所有API均直接通过类“hwar”来调用,无需实例化。 下文API中的GPS坐标系为WGS84坐标系。 utmCode指UTM(Universal Transverse Mercator Grid