NgxFaceApiJs

Build Status codecov CodeFactor Maintainability BCH compliance FOSSA Status License: MIT npm version code style: prettier

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.

NPM

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.

How it works

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

Background

Demo

Usage

Detect All Faces

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

Detect faces

Detect Face With Expressions and Landmarks

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

Detected Face With Expressions and Landmarks

Installation

By ng-add Schematics

bash $ 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

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

Documantation

License

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

FOSSA Status

Author

kamiazya(Yuki Yamazaki)

ko-fi

result-matching ""

    No results matching ""