UD5工具箱
第一步：了解界面布局
打开工具页面后，首先熟悉整体界面布局。页面上方有三个选项卡：「条形码/QR码」、「人脸检测」和「文本检测」，切换选项卡可以选择不同的检测模式。中间是主要的检测区域，支持上传图片或开启摄像头。下方是检测参数设置区和结果展示区。页面顶部的标签显示了工具所属的分类（多媒体、开发工具）和相关技术标签。
第二步：尝试条形码检测
选择「条形码/QR码」选项卡。你可以通过两种方式提供检测图片：点击「上传图片」按钮选择本地的条形码或二维码图片，或者直接将图片文件拖拽到检测区域。图片上传后，预览区会显示图片内容。在参数设置区，你可以通过「条形码格式过滤」下拉框选择只检测特定格式（如只检测 QR Code），也可以不选择任何格式以检测全部 13 种支持的格式。设置完成后，点击「检测」按钮开始识别。
第三步：尝试人脸检测
切换到「人脸检测」选项卡。上传包含人脸的图片，或开启摄像头进行实时检测。在参数设置区，调整「最大人脸数」参数（默认为 5），决定最多检测几张人脸。切换「快速模式」开关——开启时检测速度更快但可能漏检，关闭时检测更精确但耗时更长。对于静态图片，建议关闭快速模式以获得最佳效果；对于实时视频流，建议开启快速模式以保证流畅性。注意：人脸检测需要在 Chrome 中开启实验性标志才能使用。
第四步：实时摄像头扫描
在条形码检测模式下，点击「开启摄像头」按钮，浏览器会请求摄像头权限。授权后，摄像头画面会显示在预览区域，工具自动进入实时扫描模式。将条形码或二维码对准摄像头，当编码出现在画面中时会自动识别并弹出检测结果。扫描完成后可以点击「关闭摄像头」停止。建议使用后置摄像头（移动设备）以获得更好的对焦效果。如果检测不到，检查光线是否充足、编码是否清晰、是否选择了错误的摄像头。
第五步：调整检测参数
每种检测模式都有对应的参数配置。条形码模式下，「条形码格式过滤」允许你限定只检测特定格式，按住 Ctrl 键可以多选。人脸检测模式下，「最大人脸数」和「快速模式」是两个核心参数。调整参数后，下一次检测会使用新的配置。通过对比不同参数下的检测结果，可以理解各参数的实际影响。例如，在条形码模式下只选择 QR Code 格式，可以排除其他格式的误检。
第六步：查看与复制结果
检测完成后，结果区域会以列表形式展示所有检测到的对象。条形码结果包含解码文本（rawValue）和格式类型；人脸结果包含人脸边界框的位置和大小。点击结果项旁边的复制按钮，可以一键将检测结果复制到剪贴板。如果检测不到任何对象，结果区会显示空状态提示，并给出可能的原因和建议。通过多次测试不同图片，你可以全面了解 Shape Detection API 在各种场景下的表现。