Modi-document-reader NPM

MoDI SDK (CDN)

Visão geral

É um componente Web que permitem adicionar da prova de vida, verificação de documentos, Pesquisa de subscritores através da biometria da face e verificação do nível de similaridade entre a selfie e a foto do titular do documento. Os componentes podem capturar um documento da câmera do dispositivo ou processar uma imagem carregada, recortar a imagem pelos limites do documento, detectar a presença ou ausência da zona legível por máquina (MRZ) e retornar os campos de texto MRZ e o resultado do OCR.

O pacote de componentes da Web do MoDI SDK contém:

Componentes da web de interface do usuário para reconhecimento de documentos.

o SDK do leitor de documentos para criar sua interface de interface do usuário personalizada do leitor de documentos.

OCR do documento com toda informação dos documentos.

Face-liveness

O componente da web é baseados em WebAssembly (módulo .wasm) que é nosso código C++ principal compilado para uso em navegadores, agrupado com a camada JS. É exatamente o mesmo código criado para todos os outros pacotes SDK.

Requisitos Os componentes funcionam apenas sob o protocolo HTTPS.

A biblioteca de componentes registra os componentes na própria página da web, portanto, certifique-se de importar a biblioteca para o seu site antes de adicionar os componentes ao código da página da web.

Os componentes de interface do usuário e o SDK usam o getUserMedia

método para exibir o fluxo de vídeo da câmera. Este recurso está disponível apenas em contextos seguros (HTTPS).

Integração Conecte o script em seu .html arquivo. Segue o link do

CDN: https://cdn.modi.tablu.tech/sdk_v1.0.0/modi_sdk.min.js?key={KEY}

NB: Lembre-se de substituir {KEY} pela tua chave de acesso.

Por exemplo:

Após isso adicione a tag abaixo no teu ficheiro .html

Para obter os eventos possíveis no componente como obtenção do resultado do OCR, fecho do componente, pode usar o calback conforme o exemplo abaixo:

Exemplo:

const componente = document.getElementById('ID_A_TUA_ESCOLHA');

componente.addEventListener('response_listener', function(event) { console.log(event); }); Abaixo a lista de eventos possíveis do componente e a sua descrição

Evento

Descrição

Esse evento é retornado após o click do fotão para fechar ou cancelar

PROCESS_FINISHED

Esse evento e retornado após o término do processamento com sucesso ou falha no OCR do documento. A resultado desse evento é retornado em JSON.

Customização

Fonte e cores Usando atributos da tag html do componente, poderá alterar a fonte e as cores principais dos elementos.

Variável

Descrição

Valor padrão

fontFamily

A família de fontes de todos os elementos de texto. Se você alterar a família da fonte, certifique-se de ajustar o tamanho do fundo para que a mensagem na tela inicial caiba no quadro.

montserrat

fontSize

O tamanho da fonte para os elementos de texto.

16px

mainColor

Cor para os elementos gráficos do componente. Por padrão, a marca Regula violeta é definida.

#72B84A

active-color

Cor ativa dos botões.

#72B84A

Rótulos

Usando atributos da tag html do componente, poderá alterar os rótulos dos elementos.