无间WebAR微信小程序sample集合,播放视频,渲染模

无间WebAR 微信小程序

技术支持:无间AR

官网: https://www.wujianar.com

技术支持QQ群:722979533

支持在微信小程序中识别,并能跟踪播放视频与渲染3D模型

sample说明

下载地址:

https://github.com/wujianar/wujianar-wx-mini-sample

https://gitee.com/wujianar/wujianar-wx-mini-sample

sample可直接运行,无需修改,识别图在images目录。

开发说明 准备无间云识别库

登录wujianar.com。

申请或购买一个云识别库

选择一个云图库,点击“管理”

点击“上传识别图”

sample中用到的识别图及关联信息如下:

播放视频

{"videoUrl":"https://wujianar-cdn.oss-cn-hangzhou.aliyuncs.com/ardemo/videos/2.mp4"}

渲染3D模型

{"modelUrl":"https://wujianar-cdn.oss-cn-hangzhou.aliyuncs.com/ardemo/models/kl.gltf","scale":0.07} 获取token

点击“查看密钥”

点击“客户端密钥”,选择一个有效期,将 Token 复制出

准备微信开发者工具

下载“微信开发者工具”:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

获取“AppID(小程序ID)”,如果没有,请注册微信公众平台账号:https://mp.weixin.qq.com/; 或申请测试账号:https://developers.weixin.qq.com/miniprogram/dev/devtools/sandbox.html

导入 sample 配置信息更新 (miniprogram/app.ts)

更新 config.token 为复制的 Token

在微信开发者工具上点击“预览”

注:开发工具上不能体验,请使用真机

案例展示 1. AR相册/海报/教育/读故事

AR相册、海报、教育、读故事等场景使用技术类似,均是识别成功后播放视频,识别图片在目录images/album/中。

常见问题 1. 屏幕上看不到模型

请打开调试功能,查看是否有错误; 请使用gltf格式模型,或调整模型大小。

2, 域名不在合法域名列表中

开发过程中可以勾选不检验合法域名,操作过程如下:点击右上角“详情”,选择“本地设置”,勾选“不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书”。

生产环境中请将域名 iss-api.wujianar.cn 加入request合法域名中。

提示:

本站提供的sample是演示云识别怎么使用及可以应用到什么场景,由于手机/PAD等版本众多,做不到全部兼容,如果您使用此sample代码,请自行考虑处理不同平台的兼容问题,谢谢支持。

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。