1 开发包说明
1.1 AR demo开发包
https://gitee.com/wujianar/ardemo
解压包后删除3d目录,这次是视频播放,3D相关的文件全部删掉。
1.2 HTTP WEB服务器软件
https://gitee.com/wujianar/simple-server
如果是在windows系统下开发,把http-server_windows.exe文件复制到AR demo的开发目录,双击打开启动就可以。
2 开发步骤
2.1 上传识别图
访问无间AR发者中心,新注册的用户可以申请一个免费的图库。
点击图库管理中的“上传识别”,上传海报图片,并输入长津湖预告视频的播放地址,点击保存。
2.2 获取识别token
点击“查看密钥”,“客户端密钥”,复制下token,下一步需要这个token。
2.3 更换AR demo的认证token
打开文件 "video/asset/js/app.js",替换第4行的token与第39行的视频地址,保存即可。
2.4 更换首页的背景图
替换“video/asset/images/bg.jpg”图片就可以。
2.5 预览AR demo。
在本地调试时用edge或chrome有点问题,建议使用火狐。
打开网址 http://127.0.0.1:3001/ 。
授权打开摄像头后,对着海报识别,识别成功后,长津湖预告视频就可以播放了。
修改后的源码地址:
https://gitee.com/wujianar/cjh-ardemo