kz-facemesh

人脸身份认证组件

安装使用

下载安装

npm install kz-facemesh

引入组件样式

• 在项目入口文件(如main.js)中添加import 'kz-facemesh/dist/kz-facemesh.css'

API

传参

参数名	类型	默认值	描述
recordId	String	''	用于人脸识别请求的记录ID，需由父组件传入。
token	String	''	用于API请求的身份验证token，需由父组件传入。

事件

事件名	描述	回调参数
success	当人脸识别比对成功时触发。	{ score: Number, msg: String } 其中score为人脸比对得分，msg为返回的消息。
fail	当人脸识别比对失败时触发。	{ score: Number, msg: String } 其中score为人脸比对得分，msg为返回的消息。也可能为接口错误信息

示例代码

<template>
  <div>
    <FaceCamera :record-id="recordId" token="Bearer 123" @success="onSuccess" @fail="onFail" />
  </div>
</template>

<script setup>
import FaceCamera from 'kz-facemesh'
import { useRoute, useRouter } from 'vue-router'

const route = useRoute()
const router = useRouter()
const { recordId } = route.query

function onSuccess(res) {
  alert(`比对结果：${res.msg} 比对分数${res.score}`)
  router.back()
}
function onFail(e) {
  alert(`比对结果：${e.msg} 比对分数${e.score}`)
  router.back()
}
</script>

<style scoped></style>