1.0.3 • Published 4 years ago
人脸活检web
注意事项
部署项目时请使用https域名，由于http不受浏览器信任，无法打开摄像头进行人脸捕捉
拉去代码后 记得npm install拉取依赖包。
sdk打包命令
yarn build
//or
npm run build
本地运行
注意事项1：本地运行时，访问localhost页面比对接口会受到跨域影响，请使用本机ip进行访问，已在webpack配置代理
注意事项2：由于http不浏览器信任，无法打开摄像头，可以在chrome浏览器地址栏输入 chrome://flags/， 搜索 unsafely，enabled 并填入要授信的域名，PC和移动端一致。
yarn dev
//or
npm run dev
打包demo
此命令会将example文件下的示例页面打包展示出来
yarn build:demo
//or
npm run build:demo
活检接口
| FaceView | FaceDetection |
|---|
| 人脸识别UI插件 | 人脸识别接口 |
FaceView 调用示例代码
const face=new FaceView(options);
face.onReset();
face.onClose();
FaceView Api
| 参数 | 功能 | 是否必传 | 参数类型 | 其它 |
|---|
| parent | 父级dom | 否 | HTMLElement | 不传父级，默认插入body下 |
| apiUrl | 比对接口地址 | 是 | string | 必传参数 |
| success | 识别完成回调 | 否 | (void)=>void | void返回比对结果 |
| option | 配置参数 | 否 | option | - |
FaceView Option Api
| width | height | matchedScore | spacing | lineWidth | barColor |
|---|
| 人脸识别区域宽度 | 人脸识别区域高度 | 辨识级别0-1 | 人脸区域和进度条间隙 | 进度条宽度 | 进度条颜色 |
FaceView 方法
| onReset | onClose |
|---|
| 重新识别 | 关闭摄像头和人脸识别 |
FaceDetection 调用示例代码
new FaceDetection({
dom: { videoDom: document.querySelector('.face_video') },
callBack: (task)=>{console.log(task)}
});
FaceDetection Api
| 参数 | 功能 | 是否必传 | 参数类型 | 其它 |
|---|
| dom | 人脸识别需要video标签 | 是 | DomType | - |
| matchedScore | 人脸识别级别 | 否 | number | - |
| callback | 识别回调 | 否 | (task)=>void | task会返回识别的信息 |
DomType
| 参数 | 类型 | 是否必传 | 其它 |
|---|
| videoDom | HTMLVideoElement | 是 | - |
| canvasDom | HTMLCanvasElement | 否 | 传入canva会在识别时添加人脸框 |