叠幻AR SDK介绍
SDK介绍
叠幻AR SDK是北京叠幻三维科技有限公司拥有完全自主知识产权的增强现实AR核心算法软件套件。叠幻AR SDK在浏览器端(Web)和小程序端通过极致优化增强现实AR的核心算法,为企业客户提供高质量且沉浸感更高的AR场景服务。 其基本能力包括:AR图像识别与跟踪,平面检测与跟踪,陀螺仪IMU跟踪,空间定位与跟踪以及即时定位与建图(SLAM)等。
应用场景
广告营销: AR能够广泛赋能互动营销、数字营销等领域。 通过更具趣味性、科技感、沉浸式体验让消费者快速了解品牌,促进产品推广与销售。
展厅景点:叠幻AR提供空间定位与跟踪和SLAM技术,赋能商业街、展览会、博物馆,旅游景点等空间AR场景。为客户提供整套WebAR解决方案,助力客户完成拓新、推广和博关注等业务需求。
教育培训:AR赋能基础教育,让知识“跃然纸上”,更加生动活泼,具象化,为孩子插上想象力的翅膀。 AR赋能职业培训让危险、复杂的实验变得安全与高效,节省培训时间与费用,降低陈本。
AR其实在各行各业都有广阔的应用前景。
产品优势
算法领先:拥有完全自主产权的核心算法,即时定位和地图(SLAM)引擎为移动浏览器上的实时AR进行了高度优化。
轻量化AR:无需下载APP,降低用户使用门槛,可以随时随地获得沉浸式体验。
部署灵活: 客户AR场景支持托管和私有化部署。可根据行业特性和业务要求采用不同的部署模式,所有的产品功能也可根据需求灵活拆分组合。
**
SDK内容
**
提供一个WebAR软件包:包括WebAR软件和数据文件(模型文件和配置文件)。
[root@VM-0-10-centos ~]# pwd;ls *.zip
/root
webar.release.yyyy.mm.dd.zip //WebAR软件包yyyy.mm.dd是<年>.<月>.<日>
服务器上解压软件包包括:
root@VM-0-10-centos ~]# pwd;ls -l webar
/root
total 32
drwxr-xr-x 4 root root 4096 Jan 18 14:02 bin //库函数目录
drwxr-xr-x 2 root root 4096 Jan 18 14:02 css //格式目录
drwxr-xr-x 2 root root 4096 Jan 18 14:02 font //字体目录
drwxr-xr-x 2 root root 4096 Jan 18 14:02 img //图片目录
drwxr-xr-x 4 root root 4096 Jan 18 14:11 js //JavaScript目录,AR核心算法
-rw-r–r-- 1 root root 1483 Jan 18 14:16 main.8833e03c.html //主页面
drwxr-xr-x 3 root root 4096 Jan 18 14:12 model //模型目录
drwxr-xr-x 3 root root 4096 Jan 17 11:04 product //客户配置信息目录
**
Web二维码生成
**
Web二维码生成须遵守下列格式:
https://www.visional3d.com/webar/main.html?code=0217wG000v498N1fGJ000JKhdY07wG0F&product=Card2022
注:
其中将www.visional3d.com 替换成“WebAR服务器”网址对应的URL地址。
修改main.html文件,并在其中设置重定向跳转到实际的页面,即main.xxxxxxxx.html(其中xxxxxxxx为版本号,具体请参考AR软件包)。
code和product后面的数值对应每一个AR场景。
code=0217wG000v498N1fGJ000JKhdY07wG0F
product=Card2022
每个AR场景code和product的值可是在main.xxxxxxx.html设置。请参考【main.xxxxxxx.html用户设置】章节。
提示:可通过一下两种方式任选其一进行实际页面的跳转:
1) 使用meta标签进入页面的跳转,此方法可以控制跳转的时间,以及设置自定义跳转的网址。
黄色标底的内容,替换成相应的AR场景。
2)利用js实现页面的跳转或定时跳转。
黄色标底的内容,替换成相应的AR场景。
微信小程序二维码生成
微信小程序二维码生成须遵守下列格式:
https://www.visional3d.com/webar?code=0217wG000v498N1fGJ000JKhdY07wG0F&product=Card2022
注:
其中将www.visional3d.com 替换成“WebAR服务器”网址对应的URL地址。
微信“扫一扫”跳转需小程序后台进行相应设置,请参考【微信小程序后台配置】章节。
- 每个AR场景code和product的值可是在main.xxxxxxx.html设置。请参考【main.xxxxxxx.html用户设置】章节。
客户微信小程序后台配置
登陆小程序后台
进入:开发-》开发管理-》开发设置
配置业务域名,
设置成部署的域名。找到【扫普通链接二维码打开小程序】
点击【添加】按钮进行如下设置:
1 3 设置成自己部署的域名。
main.xxxxxxx.html用户设置
1. 指定数据存储地址
//指定数据存放地址,包括:bin/model/product/img/font
ARTool.DataUrl = '.';//默认存放在main.xxx.html同一目录下
- 注册动画监听函数
//注册AR展示指定时间后的返回事件
ARTool.AddEventListener('show', function (e) { alert('popup') }, 10000);//10000为指定的时间,单位为ms
- AR定位“用户提示信息”
//指定用户提示信息
ARTool.UserHint = { text:['請以手機鏡頭對準(大三巴)圖案,', '光線太暗或者角度太偏可能導致AR無法識別'], //指定文本信息,可以多行 font:{name: "Verdana", size: "20", align: "center", color: "rgba(255, 255, 255, 100)"}, //指定显示所用字体 constrain:{delay:10000, tilt:30} //指定约束条件:delay-等待指定时间后提示,单位为ms;tilt-手机与平面夹角大于指定数值后提示,单位为度。
};
- AR准备过程返回事件
//注册AR准备过程的返回事件
ARTool.AddEventListener('progress', function (e) { console.log('progress', e.percent) });
- 设置AR场景的code和product
//指定项目标识码和项目名称,当同时在url中也指定时,以url中的优先ARTool.Code = '0217wG000v498N1fGJ000JKhdY07wG0F';ARTool.Product = 'Card2022';
- AR场景执行
/*** 初始化AR环境,第一个参数指定显示窗口(div)的id*/
ARTool.Run('webgl-window', false, function(info){ //初始化成功
});
- AR场景销毁
/*** 销毁AR环境*/
ARTool.Dispose();
微信小程序端调用示例
- 在小程序里创建新的page,命名为webar。
- 修改webar.js
/*** 生命周期函数--监听页面加载*/onLoad: function () {this.setData({host: 'www.visional3d.com', hashcode: '8833e03c', code: '0217wG000v498N1fGJ000JKhdY07wG0F', product: 'Card2022'});this.setData({showWebAR: true});}
注:host,code 与 product根据AR场景相关内容修改
- 修改webar.wxml
<!--pages/show/webar.wxml-->
<view catchtouchmove='noTouchMove'><web-view style="width: 100%; height: 100%;" wx:if="{{showWebAR}}" src="{{host}}/webar/main{hashcode}.html?code={{code}}&product={{product}}" bindmessage="onReceiveMessage"></web-view>
</view>
AR初始化报错接口
AR初始化过程中出现任何错误(Failure)信息,客户可以根据AddEventListener接口自定义用户事件或处理流程。
如:摄像头未授权使用、摄像头不可用、设备不兼容、模型不存在、未知任务、未定义UUID、登陆失败和时间超时等。
//注册AR初始化失败的返回事件ARTool.AddEventListener('fail', function (e) {console.warn('fail:', e.status);switch (e.status) {case 'disable'://cameracase 'unavailable'://cameraif (e.wx) {e.wx.miniProgram.navigateTo({url:'fail' + '?status=' + e.status});}else {alert('can\'t open camera!');}break;case 'unsupport'://devicebreak;case 'unexist'://modelbreak;case 'unknown'://taskidbreak;case 'undefine'://uuidbreak;case 'timeout'://codebreak;case 'failure'://loginbreak;} });
场景案例:
1) Omega虎年贺卡AR营销方案:
[video(video-PmQK6ieq-1646881475955)(type-undefined)(url-undefined)(image-https://img-blog.csdnimg.cn/editor-video.png)(Omega虎年贺卡AR营销方案)]
- 完美展厅“大鱼海棠”线下体验:
[video(video-C2kiXt0R-1646881519782)(type-undefined)(url-undefined)(image-https://img-blog.csdnimg.cn/editor-video.png)(完美展厅“大鱼海棠”线下体验)]
叠幻AR SDK介绍相关推荐
- 国产AR SDK介绍+国外arSdk带过
原文地址:http://www.cnblogs.com/2Yous/p/5015700.html 发表于 2015-12-03 11:48 川北 说到VR,大家都知道虚拟现实有多火.可是VR之后呢 ...
- 系统SDK介绍-02
系统SDK介绍 打开相册选择图片 打开相册选择视频 打开相机拍摄图片 打开相机拍摄视频 配置权限: 在info.plist文件中添加需要的权限 相机权限:Privacy - Camera Usage ...
- iOS SDK 介绍及导入
iOS SDK 介绍 环信 SDK 为用户开发 IM 相关的应用提供的一套完善的开发框架.包括以下几个部分: SDK_Core: 为核心的消息同步协议实现,完成与服务器之间的信息交换. SDK: 是基 ...
- Android 多平台AR SDK 集成使用
Android 多平台AR SDK 使用 1.Vuforia AR SDK 手机 端 Vuforia SDK 1.sdk地址下载 2.下载samples 3.项目运行 4.License申请 5.Im ...
- Unity+Vuforia SDKAR开发系列教程--1.1 AR技术介绍
1.1 AR技术介绍 提起AR技术,相信真正了解它的人还不多,或者是大多数的人都会第一时间把这种技术和各种各样的智能穿戴设备例如谷歌眼镜.智能手表等联系起来.其实,AR应用的领域是非常广的,并不仅仅局 ...
- 主流AR眼镜参数对比、AR SDK最全功能特性对比
1.主流AR眼镜参数对比 最近有好多小伙伴分享了干货,成员LalaLand分享了一个目前市场主流AR眼镜参数对比(扫码可查看原文): 1.Hololens 2 2.Magic Leap 1 3.Nre ...
- yocto Extensible SDK介绍
yocto Extensible SDK介绍 使用yocto Extensible SDK 1.1 为什么使用yocto Extensible SDK及其包含了什么 1.2 安装 Extensible ...
- 基于高通AR SDK的Demo总结(一)——常规3D模型的行为脚本
下载高通AR SDK以及在Unity中的基本搭建不再阐述,具体给出dzyi大神的文章以便参阅:http://blog.csdn.net/dzyi_/article/details/22892641 这 ...
- ST17H66 低功耗蓝牙SOC开发(1)—— SDK介绍
目录 1.资料获取 2.开发环境 3.ST17H66开发SDK获取 4.SDK介绍 4.1 components 4.2 example 4.3 lib 4.4 misc 1.资料获取 伦茨17Hxx ...
最新文章
- php导出excel格式数据
- 反季大清仓,最低仅需34.9元
- BEBLID:增强的高效局部图像特征描述符
- 视觉深度伪造检测技术综述
- 全麦吐司和普通吐司的区别_全麦面包和普通面包的区别
- Linux磁盘配额应用
- 驱动依赖_「世经研究」焦炭行业--仍旧依赖政策驱动
- 机器学习(二十九)——Temporal-Difference Learning
- Java 代码性能优化
- Java项目经验是程序员成长的重要经验
- linux面试题(填空部分)
- C程序设计语言(2)文摘
- 《算法竞赛入门经典》——刘汝佳
- 3060ti适配的cuda和cudnn
- 艺多不压身 -- 目录
- 敏捷下的scrim、xp、3355、TDD、BDD、CI、DI及四个仪式、十二原则汇总
- 索尼为收购工作室准备,对抗微软?
- Pytorch----卷积神经网络(CNN,图像边缘检测 , Sobel滤波器 , Scharr滤波器)--入门级小实例(逐行注释)---学习笔记
- Java中使用redis的完整实例及常用命令
- 高考数学95分能学计算机吗,你知道马云高考数学考了多少分吗?
热门文章
- Unity UGUI polygon collider
- 四年级计算机wps教案,苏科版信息技术四年级第9课《WPS轻办公》教案1.doc
- 运维开发必备技能!陪你分阶段巩固复习前端知识,攻破前端技能防线。
- 如何判断一个函数是奇函数还是偶函数
- 企业移动化信息建设的一些思考(二)移动开发技术发展
- 【YOLOV5-6.x讲解】数据配置文件 data/XXX.yaml
- git 导出指定文件的所有commits
- windows编译linphone步骤及问题
- ESP32+INMP441+DHT11+OLED+网页+Arduino——“智能”语音天气站(2):INMP441录音生成wav文件
- H5 --- 背景渐变 / 变形 / 过渡