检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
WebARSDK使用手册 开发概述 总体开发思路 准备工作 快速开始 开启AR会话 实现AR导航 API列表 代码示例 常用调试方法
开启AR会话 概述 开发指导 注意事项 父主题: WebARSDK使用手册
实现AR导航 概述 开发指导 注意事项 父主题: WebARSDK使用手册
(例如Edge);Mac系统电脑已安装Safari浏览器。 移动设备已配置后置摄像头、陀螺仪、加速度传感器、GPS芯片等器件。 移动设备已安装支持WebRTC浏览器,如Chrome、Safari、华为浏览器等。 父主题: WebARSDK使用手册
创建H5工程后,您可以继续开发AR功能。 开启AR会话,具体请参见开启AR会话。 实现AR导航,具体请参见实现AR导航。 父主题: WebARSDK使用手册
代码示例 开启AR会话功能的代码样例,具体见WebARSDK包中hwar目录下的demo.html。 WebARSDK包的目录请参考图1。 父主题: WebARSDK使用手册
如果AK/SK有一个是空值就会返回false。 setAreaGPS 设置已知地图服务区域的GPS坐标到AR系统中,便于提高后续视觉定位的精度。GPS信息可以从局点配置中获取,也可以通过请求浏览器的位置接口获取。 gps { latitude: number; longitude: number; altitude:
常用调试方法 调试工具 调试方法 父主题: WebARSDK使用手册
API列表 调用前须知 视觉定位 空间位置追踪与渲染 导航 事件管理 SDK内部派发事件 父主题: WebARSDK使用手册
总体开发思路 使用WebARSDK开发移动端应用的工作流程如图1所示。 图1 工作流程 准备工作。 下载WebARSDK、收集AK/SK信息、开通关联服务。 创建H5移动端工程。 使用原生或者流行框架(如Vue、React)创建H5移动端工程。 引入WebARSDK文件。 下载、
路线选择策略。 1:最短距离 2:电梯优先 3:扶梯优先 -2:不坐电梯 -3:不走扶梯 isUseManyNaviPolicy 判断是否使用多路径规划配置值。 - - - boolean onReachFloor 导航出电梯后到达指定楼层;调用此方法通知启动AR。 floor number 楼层索引,可以从导航路径中获取。
=> { // 获取成功 }).catch((err) => { // 获取失败 }); 设置并检查AR会话开启前的相关配置。 配置操作包括创建会话、设置位置、检测陀螺仪。 创建会话:用于启动相机及SLAM。 设置位置:用于设置已知地图服务区域的GPS坐标,提高后续视觉定位的精度。
开发概述 WebARSDK简介 WebARSDK是一款轻量化JS-SDK,支持租户通过SDK快速集成和使用KooMap AR地图运行服务,开放能力的内存增加不大于3MB,运行时不依赖于Native App,可通过主流Web浏览器平台、主流终端设备的App内嵌WebView,实现WebAR体验。
t”获取相机矩阵和视频流图像。当3定位成功后输出相机矩阵,包含当前虚拟相机的位姿信息。视频流图像可通过Three.js、LayaAir等WebGL渲染引擎渲染成背景画面。 您可以根据相机矩阵、视频流图像及路径点,自定义渲染导航路径、虚拟数字内容。 自定义渲染导航路径时,建议您分段
如果您无法获取视频流,建议您排查以下问题: 检查是否存在浏览器多个标签页同时申请获取视频流的情况,建议您关闭其他标签页。 检查浏览器是否支持WebRTC,如不支持,建议您更换浏览器。 检查应用相机权限是否打开。 检查移动设备后置摄像头是否能正常拍摄画面。 无法进行视觉定位原因排查 如
事件管理 事件管理使用到的接口如表1所示。 表1 事件管理接口列表 接口 描述 参数名 参数类型 参数说明 返回值 dispatchEvent 事件派发。 strId string 侦听事件id。 void data { [key: string]: DataType } 携带的数据。
概述 您可开启AR会话获取设备的图像、GPS坐标及传感器数据,启动SLAM从而进行视觉定位。 传感器包括陀螺仪、加速度计、磁力计。 父主题: 开启AR会话
概述 AR导航功能依赖视觉定位,提供空间位置追踪能力。 您可以依赖图像数据、相机矩阵及路径点信息进行3D导航路径渲染。 父主题: 实现AR导航
调试工具 常用的调试工具包括: 基于Chromium内核的浏览器(例如Edge、Chrome)的开发者工具(DevTools) Safari浏览器 父主题: 常用调试方法
单”。 苹果手机开启调试模式。 苹果手机连接Mac电脑,打开手机Safari浏览器并运行Web页面。 在Mac电脑的Safari浏览器“开发”菜单下选择已连接的苹果手机,单击手机打开的Web页面进行调试。 父主题: 常用调试方法