yitu-face

人脸活检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会在识别时添加人脸框