regulaforensics/face-web-components-samples

Table of сontents

1. About
2. CDN sample
3. Webpack sample
4. React typescript
5. Angular sample
6. CodePen samples

---

About

This repository contains examples of using @regulaforensics/vp-frontend-face-components.

CDN sample

The cdn folder contains an example of using the component when connecting a package via a cdn link.

Adding a package:

Connect the package to your .html file using the CDN link: unpkg.com/:package@:version/:file

<!-- Replace <VERSION> with the package version -->
<script src="https://unpkg.com/@regulaforensics/vp-frontend-face-components@<VERSION>/dist/main.js"></script>

Add the name of the component tag to the html code.

Webpack sample

The webpack folder contains an example of using components with Webpack.

Example installation

Clone this repository then go to the webpack/<component-name> folder and install the dependencies:

npm i

Build a project:

npm run build

The project files will be located in the build folder.

Development mode:

npm run serve

React typescript

The react-ts/<component-name> folder contains an example of using a component with react and typescript.

Example installation

Follow the steps as in Webpack sample.

Angular sample

The angular/<component-name> folder contains an example of using a component with Angular.

Example installation

Follow the steps as in Webpack sample.

CodePen samples

Face detection component

https://codepen.io/regulaforensics/pen/zYdParM

Face liveness component

https://codepen.io/regulaforensics/pen/pordKzd

face-web-components-samples's Issues

Face capture

hello,

I did some tests using the face capture component and in some cases opening it on my cell phone, the component did not load correctly (the mockup did not appear). Could anyone help me with this?