项目需求
- 移动端微信h5 ,通过微信扫一扫实现在微信内置浏览器中显示3d人物模型
- 拍照功能。 使用微信扫码后吊起手机相机进行 模型 + 相机内容 拍照 ,并生成图片
上效果:
技术点:
- 移动端适配(ios and android)
- 微信调起相机问题。在安卓端 方案已经很成熟, 在ios端,ios 在2021年下半年刚刚才开放支持 微信端webrtc 功能
- 拍照内容 模型+相机内容,两部分图片,需要对两张图片进行合成
- 移动端实现AR功能。 3d模型展示 three.js
技术方案
方案一: 纯原生前端实现,使用html,js 实现在 video标签中捕获视频帧画面,然后把每一