无需登录 数据私有 本地保存

形状检测API演示 - 实时条形码/人脸检测

18
0
0
0
形状检测API演示
检测API状态...
检测次数 0 发现 0
点击下方按钮启动摄像头
检测间隔
350ms
检测结果

启动检测后，结果将显示在这里

支持条形码、二维码和人脸检测

常见问题与知识点

什么是 Shape Detection API？
Shape Detection API 是现代浏览器提供的一组原生API，允许网页直接在客户端进行图像识别，包括条形码检测（BarcodeDetector）、人脸检测（FaceDetector）和文本检测（TextDetector）。它利用操作系统底层能力，无需加载额外的机器学习模型，运行效率高且保护隐私。
哪些浏览器支持这些API？
目前 Chrome 83+ 和 Edge 83+ 对 BarcodeDetector 支持较好（需启用实验性功能）。FaceDetector 在 Chrome 94+ 中可用。Safari 和 Firefox 的支持仍在开发中。在 Chrome 中，访问 chrome://flags/#enable-experimental-web-platform-features 启用该功能后即可使用。
条形码检测支持哪些格式？
BarcodeDetector 支持多种常见格式：QR码、EAN-13、EAN-8、UPC-A、UPC-E、Code 128、Code 39、Codabar、Data Matrix、PDF417 和 Aztec 等。可通过 BarcodeDetector.getSupportedFormats() 查询当前浏览器支持的格式。
人脸检测能识别具体的人吗？
不能。FaceDetector 仅检测图像中是否存在人脸及其位置（边界框和特征点如眼睛、鼻子、嘴巴），不进行人脸识别（即不会识别这是谁的脸）。它只返回人脸的数量和位置坐标，保障了用户隐私。
为什么需要HTTPS才能使用摄像头？
浏览器出于安全考虑，要求 getUserMedia（摄像头访问）必须在安全上下文中运行，即 https:// 或 localhost。这是为了防止恶意网站未经授权访问用户的摄像头。生产环境请务必配置HTTPS。
检测结果中的cornerPoints是什么？
BarcodeDetector 返回的 cornerPoints 是条形码四个角的精确坐标（相对于图像/视频原始分辨率）。这些坐标可用于在画面上精确绘制检测框，即使条形码有透视变形也能准确标记。本工具使用这些坐标绘制绿色边框。
🔧 相关工具