logo
5
0
WeChat Login
quyang<jintli@qq.com>
update

Off-Axis 3D Demo - 依赖说明

已下载到本地的依赖

以下 JavaScript 库已下载到 lib/ 目录:

  • lib/mediapipe/face_mesh.js - MediaPipe FaceMesh 主库
  • lib/mediapipe/camera_utils.js - MediaPipe 相机工具
  • lib/dat.gui.min.js - GUI 控制面板

启动项目

方法 1: 使用启动脚本(推荐)

python3 start_server.py

浏览器会自动打开 http://localhost:8000

方法 2: 使用 Python 内置服务器

python3 -m http.server 8000

然后在浏览器访问: http://localhost:8000/index.html

重要说明

  1. 必须使用 HTTP 服务器运行 - 不能直接双击打开 index.html 文件,否则会报 MIME 类型错误

  2. WASM 文件仍从 CDN 加载 - FaceMesh 的 WASM 文件仍然从 jsdelivr CDN 加载,这是 MediaPipe 的工作方式。如果在国内使用需要 VPN 或使用加速器

  3. 摄像头权限 - 需要允许浏览器访问摄像头

  4. 推荐浏览器 - Chrome 或 Edge 浏览器

如果 WASM 加载失败

如果在国内无法加载 WASM 文件,可以尝试:

  1. 使用 VPN 或网络加速器
  2. 修改 hosts 文件添加 CDN 加速
  3. 下载 WASM 文件到本地(需要修改代码)

重新下载依赖

如果需要重新下载依赖:

# 手动下载 mkdir -p lib/mediapipe cd lib/mediapipe curl -L -o face_mesh.js https://cdn.jsdelivr.net/npm/@mediapipe/face_mesh/face_mesh.js curl -L -o camera_utils.js https://cdn.jsdelivr.net/npm/@mediapipe/camera_utils/camera_utils.js cd ../.. cd lib curl -L -o dat.gui.min.js https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.9/dat.gui.min.js