NgxFaceApiJs

Angular directives for face detection and face recognition in the browser.

It is a wrapper for face-api.js, so it is not dependent on the browser implementation.

Description

Make face and emotion recognition features easy to use in Angular projects by using face-api.js.

• Recognize faces, emotions and so on in Angular project.
• Works in a Mobile.
• No Script/Styles reqired, you only embed attribute to img/video tag.
• Schematics Support, you can quickly set up a project using the ng add and ng update command.

How it works?

Overlay canvas on img tag with embedded attributes such as singleFace and allFaces by using Angular CDK Overlay.

And render the recognition result on canvas according to the content of the with attribute.

Background

• face-api.js
• TensorFlow.js

Demo

• Detect Faces by Image -- StackBlitz(Editor)

Usage

Detect All Faces

<img allFaces [src]="imageSrc" width="300px" />

Detect Face With Expressions and Landmarks

<img
  singleFace
  [with]="['expressions', 'landmarks']"
  [src]="imageSrc"
  width="300px"
/>

Installation

By ng-add Schematics

$ ng add ngx-face-api-js
...
UPDATE package.json (1457 bytes)
UPDATE src/styles.css (126 bytes)
UPDATE src/app/app.module.ts (497 bytes)

By Manual

See Wiki.

Update

By ng-update Schematics

$ ng update ngx-face-api-js
✅️ Added dependency: face-api.js@~0.20.0
✅️ Dependencies installed
UPDATE package.json (1440 bytes)

Documantation

• compodoc

License

This software is released under the MIT License, see LICENSE.

Author

kamiazya(Yuki Yamazaki)