求可用AR.js足部追踪库CDN地址（适配AFrame/Three.js）
2026-6-26
适配AR.js的足部追踪库可用CDN地址
AFrame 兼容方案
AR.js 内置足部追踪（依赖TensorFlow.js）：AR.js 3.x版本已集成足部追踪能力，无需额外单独库，只需加载以下两个CDN：
- AR.js：
<script src="https://cdn.jsdelivr.net/npm/ar.js@3.4.5/dist/ar.js"></script> - TensorFlow.js：
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.14.0/dist/tf.min.js"></script>
使用时在AFrame场景中添加带有foot-tracking组件的实体即可启用追踪。
- AR.js：
社区维护的AFrame足部追踪组件：
- CDN：
<script src="https://cdn.jsdelivr.net/npm/aframe-foot-tracking@1.0.2/dist/aframe-foot-tracking.min.js"></script>
该组件封装了追踪逻辑，可直接在AFrame项目中调用。
- CDN：
Three.js 兼容方案
- AR.js + TensorFlow.js 原生适配：使用AR.js的Three.js版本配合TF.js实现足部追踪：
- AR.js Three.js版：
<script src="https://cdn.jsdelivr.net/npm/ar.js@3.4.5/dist/ar-threex.js"></script> - TensorFlow.js：
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.14.0/dist/tf.min.js"></script>
通过THREEx.FootTrackingAPI调用追踪功能，结合Three.js渲染鞋模。
- AR.js Three.js版：
注意事项
- 优先使用上述指定的稳定版本，避免因版本不匹配导致的404或兼容性问题。
- 需在支持WebXR的移动端浏览器（如Chrome、Edge）中测试，并确保摄像头权限已开启。
内容的提问来源于stack exchange，提问作者MAK
相关产品推荐
相关产品推荐
