选择饰品
位置微调
位置调整
0
0
0
缩放调整
1.0
旋转调整
0°
AR 实时试戴演示
基于 Google MediaPipe + Three.js 实现
Three.js
MediaPipe
WebGL
WebRTC
功能说明
- 实时人脸检测与追踪
- 468 个面部关键点精准定位
- 3D 模型实时渲染
- PBR 材质增强，金属光泽
- 支持截图保存
- 多饰品切换试戴
性能指标
--
FPS
--
追踪状态
如何体验
- 点击"开启摄像头"按钮
- 允许浏览器访问摄像头
- 将脸部对准屏幕中央
- 选择不同饰品进行试戴
- 点击"截图保存"记录美好时刻
想要在你自己网站实现同样效果？
立即开始免费试用