face api js

Face API 也提供了 JavaScript 版本的 SDK，可以使用 JavaScript 在浏览器中使用 Face API 进行人脸识别。使用 Face API JavaScript SDK 需要先在 HTML 页面中引用 Face API JavaScript SDK 的脚本文件，例如：

<script src="https://cdn.jsdelivr.net/npm/@vladmandic/face-api@1.0.0/dist/face-api.min.js"></script>

之后，可以使用 JavaScript 代码调用 Face API 的功能，例如：

// 加载模型
await faceapi.nets.ssdMobilenetv1.loadFromUri('/models');
await faceapi.nets.faceLandmark68Net.loadFromUri('/models');
await faceapi.nets.faceRecognitionNet.loadFromUri('/models');

// 人脸检测
const detections = await faceapi.detectAllFaces(image).withFaceLandmarks().withFaceDescriptors();

// 绘制人脸框
const displaySize = { width: image.width, height: image.height };
const resizedDetections = faceapi.resizeResults(detections, displaySize);
resizedDetections.forEach(detection => {
  const box = detection.detection.box;
  const drawBox = new faceapi.draw.DrawBox(box, { label: 'Face' });
  drawBox.draw(canvas);
});

上述代码首先加载了 Face API 的模型，之后通过 `detectAllFaces` 方法检测图像中的所有人脸，并使用 `resizeResults` 方法将检测结果调整到指定大小，最后使用 `DrawBox` 类在画布上绘制人脸框。