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 addandng updatecommand.
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
Demo
Usage
Detect All Faces
html
<img allFaces [src]="imageSrc" width="300px" />
Detect Face With Expressions and Landmarks
html
<img
singleFace
[with]="['expressions', 'landmarks']"
[src]="imageSrc"
width="300px"
/>
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.
Author
