← 返回文档

Vue3 增强版人脸识别系统

支持人脸库管理和实时识别对比功能

{{ isLoading ? '加载中...' : '启动摄像头' }} 停止摄像头 添加到人脸库 {{ comparisonMode ? '关闭识别' : '开启识别' }}

人脸识别模式已开启

正在与人脸库中的 {{ faceLibrary.length }} 个人脸进行实时对比

{{ faceData.length }}
检测人脸
{{ matchedFaces.length }}
识别匹配
{{ fps }}
FPS
{{ faceLibrary.length }}
人脸库
{{ detectionCount }}
检测次数
{{ averageConfidence }}%
平均置信度

识别结果

匹配人脸
{{ match.name }}
相似度: {{ (match.confidence * 100).toFixed(1) }}% 高度匹配 可能匹配 低匹配度

检测设置

检测阈值:
识别阈值:
检测间隔:
输入尺寸:
目标FPS:
显示关键点:
显示表情:

系统信息

框架版本: Vue 3.x
检测引擎: TinyFaceDetector
输入尺寸: {{ inputSize }}x{{ inputSize }}
当前阈值: {{ detectionScore }}
检测间隔: {{ detectionInterval }}ms
浏览器支持: {{ browserSupport ? '支持' : '不支持' }}

功能特性

{{ feature }}

人脸库管理

文件夹
点击或拖拽上传人脸照片
支持 JPG、PNG 格式
导入数据 导出JSON 导出图片 清空人脸库
存储使用情况 清除所有缓存
"清除所有缓存"将彻底删除所有本地数据,包括人脸库、设置和缓存,操作不可撤销
暂无人脸数据
请上传照片或从摄像头添加
{{ face.name }}
{{ new Date(face.timestamp).toLocaleDateString() }}
{{ getMatchConfidence(face.id) }}%