以下 JavaScript 库已下载到 lib/ 目录:
lib/mediapipe/face_mesh.js - MediaPipe FaceMesh 主库lib/mediapipe/camera_utils.js - MediaPipe 相机工具lib/dat.gui.min.js - GUI 控制面板python3 start_server.py
浏览器会自动打开 http://localhost:8000
python3 -m http.server 8000
然后在浏览器访问: http://localhost:8000/index.html
必须使用 HTTP 服务器运行 - 不能直接双击打开 index.html 文件,否则会报 MIME 类型错误
WASM 文件仍从 CDN 加载 - FaceMesh 的 WASM 文件仍然从 jsdelivr CDN 加载,这是 MediaPipe 的工作方式。如果在国内使用需要 VPN 或使用加速器
摄像头权限 - 需要允许浏览器访问摄像头
推荐浏览器 - Chrome 或 Edge 浏览器
如果在国内无法加载 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