@biopassid/face-sdk

BiopassID Face SDK Web

Componente web de integração do Biopass ID

Getting started

Primeiramente crie uma pasta chamada models no diretório de arquivos estáticos da sua aplicação, e adicione os arquivos tiny_face_detector_model-shard1 e tiny_face_detector_model-weights_manifest.json. Sua estrutura de pastas ficará semelhante a isso:

/assets
/js
/css
/models
    - tiny_face_detector_model-shard1
    - tiny_face_detector_model-weights_manifest.json
/index.html

Após isso basta instalar o pacote.

Com um bundler

Intale a dependencia:

npm i --save @biopassid/face-sdk

Utilize no seu projeto

import { useCamera } from '@biopassid/face-sdk'

Através de CDN

Adicione o script ao projeto e serão injetados os quatro modulos globalmente ao projeto

<script src="https://cdn.jsdelivr.net/npm/@biopassid/face-sdk/unpkg/face-sdk.min.js"></script>
<script>
    const { takePicture } = useCamera();
</script>

Modulos

• useCamera

useCamera

O módulo useCamera oferece as seguintes funcionalidades.

import { useCamera } from '@biopassid/face-sdk'

const { takePicture } = useCamera();

async function handleTakePicture() {
    const resp = await takePicture({
        element: document.querySelector("#elementId"),
    })
}