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

CLOSE

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.

Variável

Descrição

scanIDInBrowser

Titulo do componente.

useYourDeviceCamera

Corresponde ao subtítulo do componente.

fromCamera

Texto do botão que para carregar as fotos atravéz da câmera do device.

fromGallery

Texto do botão que para carregar os ficheiros da galeria.

Exemplo: O exemplo abaixo mostra como pode se fazer a alteração da fonte do componente e do título do componente: