ngx-face-api-js
2 | 3 |Detect Face
4 |
5 | ![]()
6 |
7 | With Expressions and Landmarks
8 |
9 | ![]()
15 |
16 | Select File
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/schematics/migrations/update-0-1-0/index.ts:
--------------------------------------------------------------------------------
1 | import { Rule, chain } from '@angular-devkit/schematics';
2 | import { addDependencies } from '../../util/addDependencies';
3 | import { installDependencies } from '../../util/installDependencies';
4 |
5 | export default function(): Rule {
6 | return chain([
7 | addDependencies({
8 | packageName: 'face-api.js',
9 | version: '~0.20.0',
10 | overwrite: true,
11 | }),
12 | installDependencies(),
13 | ]);
14 | }
15 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/schematics/ng-add/schema.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "http://json-schema.org/schema",
3 | "id": "angular-firebase-schematic-ng-add",
4 | "title": "ngx-face-api-js-schematics ng-add schematic",
5 | "type": "object",
6 | "properties": {
7 | "project": {
8 | "type": "string",
9 | "description": "The name of the project.",
10 | "$default": {
11 | "$source": "projectName"
12 | }
13 | }
14 | },
15 | "required": [],
16 | "additionalProperties": false
17 | }
18 |
--------------------------------------------------------------------------------
/src/app/app.component.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '@angular/core';
2 |
3 | @Component({
4 | selector: 'app-root',
5 | templateUrl: './app.component.html',
6 | styleUrls: ['./app.component.scss'],
7 | })
8 | export class AppComponent {
9 | imageSrc = '/assets/sample1.jpg';
10 |
11 | selectFile(event: any) {
12 | const file = event.target.files.item(0);
13 | const reader = new FileReader();
14 | reader.onload = (e: any) => (this.imageSrc = e.target.result);
15 | reader.readAsDataURL(file);
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/src/public-api.ts:
--------------------------------------------------------------------------------
1 | /*
2 | * Public API Surface of ngx-face-api-js
3 | */
4 |
5 | export * from './lib/classes/DetectTask';
6 | export * from './lib/tokens/FaceDetectionOptions';
7 | export * from './lib/tokens/FeatureToken';
8 | export * from './lib/tokens/ModelToken';
9 | export * from './lib/tokens/ModelsUrl';
10 | export * from './lib/tokens/TaskTypeToken';
11 | export * from './lib/services/face-detector.service';
12 | export * from './lib/services/model-loader.service';
13 | export * from './lib/ngx-face-api-js.module';
14 |
--------------------------------------------------------------------------------
/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed, async } from '@angular/core/testing';
2 | import { AppComponent } from './app.component';
3 |
4 | describe('AppComponent', () => {
5 | beforeEach(async(() => {
6 | TestBed.configureTestingModule({
7 | declarations: [AppComponent],
8 | }).compileComponents();
9 | }));
10 |
11 | it('should create the app', () => {
12 | const fixture = TestBed.createComponent(AppComponent);
13 | const app = fixture.debugElement.componentInstance;
14 | expect(app).toBeTruthy();
15 | });
16 | });
17 |
--------------------------------------------------------------------------------
/docs/js/libs/tablesort.number.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * tablesort v5.1.0 (2018-09-14)
3 | * http://tristen.ca/tablesort/demo/
4 | * Copyright (c) 2018 ; Licensed MIT
5 | */
6 | !function(){var a=function(a){return a.replace(/[^\-?0-9.]/g,"")},b=function(a,b){return a=parseFloat(a),b=parseFloat(b),a=isNaN(a)?0:a,b=isNaN(b)?0:b,a-b};Tablesort.extend("number",function(a){return a.match(/^[-+]?[£\x24Û¢´€]?\d+\s*([,\.]\d{0,2})/)||a.match(/^[-+]?\d+\s*([,\.]\d{0,2})?[£\x24Û¢´€]/)||a.match(/^[-+]?(\d)*-?([,\.]){0,1}-?(\d)+([E,e][\-+][\d]+)?%?$/)},function(c,d){return c=a(c),d=a(d),b(d,c)})}();
--------------------------------------------------------------------------------
/src/app/app.module.ts:
--------------------------------------------------------------------------------
1 | import { BrowserModule } from '@angular/platform-browser';
2 | import { NgModule } from '@angular/core';
3 |
4 | import { AppComponent } from './app.component';
5 | import { NgxFaceApiJsModule } from 'ngx-face-api-js';
6 |
7 | @NgModule({
8 | declarations: [AppComponent],
9 | imports: [
10 | BrowserModule,
11 | NgxFaceApiJsModule.forRoot({
12 | modelsUrl:
13 | 'https://raw.githubusercontent.com/justadudewhohacks/face-api.js/master/weights',
14 | }),
15 | ],
16 | providers: [],
17 | bootstrap: [AppComponent],
18 | })
19 | export class AppModule {}
20 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compileOnSave": false,
3 | "compilerOptions": {
4 | "baseUrl": "./",
5 | "outDir": "./dist/out-tsc",
6 | "sourceMap": true,
7 | "declaration": false,
8 | "module": "es2015",
9 | "moduleResolution": "node",
10 | "emitDecoratorMetadata": true,
11 | "experimentalDecorators": true,
12 | "importHelpers": true,
13 | "target": "es5",
14 | "typeRoots": ["node_modules/@types"],
15 | "lib": ["es2018", "dom"],
16 | "paths": {
17 | "ngx-face-api-js": ["dist/ngx-face-api-js"],
18 | "ngx-face-api-js/*": ["dist/ngx-face-api-js/*"]
19 | }
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/src/lib/services/model-loader.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { ModelLoaderService } from './model-loader.service';
4 | import { NgxFaceApiJsModule } from '../ngx-face-api-js.module';
5 |
6 | describe('ModelLoaderService', () => {
7 | beforeEach(() =>
8 | TestBed.configureTestingModule({
9 | imports: [NgxFaceApiJsModule.forRoot({ modelsUrl: '/' })],
10 | }),
11 | );
12 |
13 | it('should be created', () => {
14 | const service: ModelLoaderService = TestBed.get(ModelLoaderService);
15 | expect(service).toBeTruthy();
16 | });
17 | });
18 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/src/lib/services/face-detector.service.spec.ts:
--------------------------------------------------------------------------------
1 | import { TestBed } from '@angular/core/testing';
2 |
3 | import { FaceDetectorService } from './face-detector.service';
4 | import { NgxFaceApiJsModule } from '../ngx-face-api-js.module';
5 |
6 | describe('FaceDetectorService', () => {
7 | beforeEach(() =>
8 | TestBed.configureTestingModule({
9 | imports: [NgxFaceApiJsModule.forRoot({ modelsUrl: '/' })],
10 | }),
11 | );
12 |
13 | it('should be created', () => {
14 | const service: FaceDetectorService = TestBed.get(FaceDetectorService);
15 | expect(service).toBeTruthy();
16 | });
17 | });
18 |
--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
1 | language: node_js
2 | node_js:
3 | - "8"
4 | - "10"
5 |
6 | # safelist
7 | branches:
8 | only:
9 | - master
10 |
11 | before_install:
12 | # yarn
13 | - curl -o- -L https://yarnpkg.com/install.sh | bash -s -- --version 1.13.0
14 | - export PATH="$HOME/.yarn/bin:$PATH"
15 |
16 | script:
17 | - yarn
18 | - yarn lint
19 | - yarn test:all
20 | - yarn build:lib
21 | - yarn build:lib:schematics
22 |
23 | after_success: yarn report-coverage
24 |
25 | addons:
26 | apt:
27 | sources:
28 | - google-chrome
29 | packages:
30 | - google-chrome-stable
31 |
32 | dist: trusty
33 | cache:
34 | yarn: true
35 | directories:
36 | - node_modules
37 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: ''
6 | assignees: ''
7 | ---
8 |
9 | **Is your feature request related to a problem? Please describe.**
10 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
11 |
12 | **Describe the solution you'd like**
13 | A clear and concise description of what you want to happen.
14 |
15 | **Describe alternatives you've considered**
16 | A clear and concise description of any alternative solutions or features you've considered.
17 |
18 | **Additional context**
19 | Add any other context or screenshots about the feature request here.
20 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/schematics/ng-add/addBrowserIgnorePackageSetting.ts:
--------------------------------------------------------------------------------
1 | import {
2 | Rule,
3 | SchematicContext,
4 | Tree,
5 | SchematicsException,
6 | } from '@angular-devkit/schematics';
7 | export function addBrowserIgnorePackageSetting(): Rule {
8 | return (host: Tree, _: SchematicContext) => {
9 | const buf = host.read('package.json');
10 | if (!buf) {
11 | throw new SchematicsException('cannot find package.json');
12 | }
13 | const content = JSON.parse(buf.toString('utf-8'));
14 | content.browser = {
15 | ...content.browser,
16 | fs: false,
17 | crypto: false,
18 | };
19 | host.overwrite('package.json', JSON.stringify(content, null, 2));
20 | return host;
21 | };
22 | }
23 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/tsconfig.schematics.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "baseUrl": "tsconfig",
4 | "lib": ["es2018", "dom"],
5 | "declaration": true,
6 | "module": "commonjs",
7 | "moduleResolution": "node",
8 | "noEmitOnError": true,
9 | "noFallthroughCasesInSwitch": true,
10 | "noImplicitAny": true,
11 | "noImplicitThis": true,
12 | "noUnusedParameters": true,
13 | "noUnusedLocals": true,
14 | "rootDir": "schematics",
15 | "skipDefaultLibCheck": true,
16 | "skipLibCheck": true,
17 | "sourceMap": true,
18 | "strictNullChecks": true,
19 | "target": "es6",
20 | "types": ["jasmine", "node"]
21 | },
22 | "include": ["schematics/**/*"],
23 | "exclude": []
24 | }
25 |
--------------------------------------------------------------------------------
/src/environments/environment.ts:
--------------------------------------------------------------------------------
1 | // This file can be replaced during build by using the `fileReplacements` array.
2 | // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
3 | // The list of file replacements can be found in `angular.json`.
4 |
5 | export const environment = {
6 | production: false,
7 | };
8 |
9 | /*
10 | * For easier debugging in development mode, you can import the following file
11 | * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 | *
13 | * This import should be commented out in production mode because it will have a negative impact
14 | * on performance if an error is thrown.
15 | */
16 | // import 'zone.js/dist/zone-error'; // Included with Angular CLI.
17 |
--------------------------------------------------------------------------------
/projects/ngx-face-api-js/src/lib/tokens/ModelToken.ts:
--------------------------------------------------------------------------------
1 | export type ModelToken =
2 | | 'SsdMobilenetv1Model'
3 | | 'MtcnnModel'
4 | | 'FaceExpressionModel'
5 | | 'FaceLandmarkModel'
6 | | 'FaceRecognitionModel'
7 | | 'TinyFaceDetectorModel'
8 | | 'AgeAndGenderModel';
9 |
10 | export const SsdMobilenetv1Model: ModelToken = 'SsdMobilenetv1Model';
11 | export const MtcnnModel: ModelToken = 'MtcnnModel';
12 | export const FaceExpressionModel: ModelToken = 'FaceExpressionModel';
13 | export const FaceLandmarkModel: ModelToken = 'FaceLandmarkModel';
14 | export const FaceRecognitionModel: ModelToken = 'FaceRecognitionModel';
15 | export const TinyFaceDetectorModel: ModelToken = 'TinyFaceDetectorModel';
16 | export const AgeAndGenderModel: ModelToken = 'AgeAndGenderModel';
17 |
--------------------------------------------------------------------------------
/.github/FUNDING.yml:
--------------------------------------------------------------------------------
1 | # These are supported funding model platforms
2 |
3 | github: kamiazya # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
4 | patreon: # Replace with a single Patreon username
5 | open_collective: # Replace with a single Open Collective username
6 | ko_fi: kamiazya # Replace with a single Ko-fi username
7 | tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
8 | community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
9 | liberapay: # Replace with a single Liberapay username
10 | issuehunt: # Replace with a single IssueHunt username
11 | otechie: # Replace with a single Otechie username
12 | custom: # Replace with up to 4 custom sponsorship URLs e.g., ['link1', 'link2']
13 |
--------------------------------------------------------------------------------
/docs/js/libs/EventDispatcher.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @author mrdoob / http://mrdoob.com/
3 | */
4 |
5 | var EventDispatcher=function(){};Object.assign(EventDispatcher.prototype,{addEventListener:function(i,t){void 0===this._listeners&&(this._listeners={});var e=this._listeners;void 0===e[i]&&(e[i]=[]),-1===e[i].indexOf(t)&&e[i].push(t)},hasEventListener:function(i,t){if(void 0===this._listeners)return!1;var e=this._listeners;return void 0!==e[i]&&-1!==e[i].indexOf(t)},removeEventListener:function(i,t){if(void 0!==this._listeners){var e=this._listeners[i];if(void 0!==e){var s=e.indexOf(t);-1!==s&&e.splice(s,1)}}},dispatchEvent:function(i){if(void 0!==this._listeners){var t=this._listeners[i.type];if(void 0!==t){i.target=this;var e=[],s=0,n=t.length;for(s=0;s
26 |
88 |
89 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
--------------------------------------------------------------------------------
/docs/dependencies.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
27 |
30 |
31 |
87 |
32 |
85 |
86 |
33 |
34 |
35 |
36 |
39 |
40 |
60 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
41 |
59 |
42 |
58 |
43 |
57 |
44 |
46 | NgxFaceApiJsModule
45 |
47 |
56 | 48 | 51 |
52 | 55 |
76 |
84 |
77 |
80 | result-matching ""
78 |
81 |
83 | No results matching ""
82 |
26 |
98 |
99 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
--------------------------------------------------------------------------------
/docs/license.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
27 |
30 |
31 |
97 |
32 |
95 |
96 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
50 |
-
51 |
- 52 | @angular/animations : ~7.2.0 53 |
- 54 | @angular/cdk : ^7.3.7 55 |
- 56 | @angular/common : ~7.2.0 57 |
- 58 | @angular/compiler : ~7.2.0 59 |
- 60 | @angular/core : ~7.2.0 61 |
- 62 | @angular/forms : ~7.2.0 63 |
- 64 | @angular/platform-browser : ~7.2.0 65 |
- 66 | @angular/platform-browser-dynamic : ~7.2.0 67 |
- 68 | @angular/router : ~7.2.0 69 |
- 70 | core-js : ^2.5.4 71 |
- 72 | face-api.js : ~0.20.0 73 |
- 74 | rxjs : ~6.3.3 75 |
- 76 | tslib : ^1.9.0 77 |
- 78 | zone.js : ~0.8.26 79 |
86 |
94 |
87 |
90 | result-matching ""
88 |
91 |
93 | No results matching ""
92 |
26 |
82 |
83 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
--------------------------------------------------------------------------------
/docs/js/libs/bootstrap-native.js:
--------------------------------------------------------------------------------
1 | // Native Javascript for Bootstrap 3 v1.1.0 | © dnp_theme | MIT-License
2 | !function(t,e){if("function"==typeof define&&define.amd)define([],e);else if("object"==typeof module&&module.exports)module.exports=e();else{var o=e();t.Affix=o.Affix,t.Alert=o.Alert,t.Button=o.Button,t.Carousel=o.Carousel,t.Collapse=o.Collapse,t.Dropdown=o.Dropdown,t.Modal=o.Modal,t.Popover=o.Popover,t.ScrollSpy=o.ScrollSpy,t.Tab=o.Tab,t.Tooltip=o.Tooltip}}(this,function(){for(var t=function(t,e){t.classList?t.classList.add(e):(t.className+=" "+e,t.offsetWidth)},e=function(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(e,"").replace(/^\s+|\s+$/g,"")},o=null!=new RegExp("MSIE ([0-9]{1,}[.0-9]{0,})").exec(navigator.userAgent)&&parseFloat(RegExp.$1),n=function(t,e){for(var o=e.charAt(0);t&&t!==document;t=t.parentNode){if("."===o&&void 0!==document.querySelector(e))return t;if("#"===o&&t.id===e.substr(1))return t}return!1},i=(document,function(i,a){a=a||{},this.btn="object"==typeof i?i:document.querySelector(i),this.accordion=null,this.collapse=null,this.duration=300,this.options={},this.options.duration=o&&o<10?0:a.duration||this.duration;var r=this,s=function(t){var e=t&&(t.currentStyle||window.getComputedStyle(t)),o=/px/.test(e.borderTopWidth)?Math.round(e.borderTopWidth.replace("px","")):0,n=/px/.test(e.marginTop)?Math.round(e.marginTop.replace("px","")):0,i=/px/.test(e.marginBottom)?Math.round(e.marginBottom.replace("px","")):0,a=/em/.test(e.marginTop)?Math.round(e.marginTop.replace("em","")*parseInt(e.fontSize)):0,r=/em/.test(e.marginBottom)?Math.round(e.marginBottom.replace("em","")*parseInt(e.fontSize)):0;return t.clientHeight+parseInt(o)+parseInt(n)+parseInt(i)+parseInt(a)+parseInt(r)};this.toggle=function(t){t.preventDefault(),/\bin/.test(r.collapse.className)?r.close():r.open()},this.close=function(){this._close(this.collapse),t(this.btn,"collapsed")},this.open=function(){if(this._open(this.collapse),e(this.btn,"collapsed"),null!==this.accordion){var t=this.accordion.querySelectorAll(".collapse.in"),o=t.length,n=0;for(n;n
27 |
30 |
31 |
81 |
32 |
79 |
80 |
33 |
34 |
The MIT License (MIT)
35 |Copyright (c) 2019 Yuki Yamazaki
36 |Permission is hereby granted, free of charge, to any person obtaining a copy 37 | of this software and associated documentation files (the "Software"), to deal 38 | in the Software without restriction, including without limitation the rights 39 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 40 | copies of the Software, and to permit persons to whom the Software is 41 | furnished to do so, subject to the following conditions:
42 |The above copyright notice and this permission notice shall be included in all 43 | copies or substantial portions of the Software.
44 |THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 45 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 46 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 47 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 48 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 49 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 50 | SOFTWARE.
51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 |
70 |
78 |
71 |
74 | result-matching ""
72 |
75 |
77 | No results matching ""
76 |
26 |
155 |
156 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
--------------------------------------------------------------------------------
/docs/miscellaneous/typealiases.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
27 |
30 |
31 |
154 |
32 |
152 |
153 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
49 |
50 |
58 |
59 |
60 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
61 |
71 |
73 |
74 |
90 |
91 |
92 |
93 |
94 |
95 |
97 |
98 |
125 |
126 |
127 |
128 |
129 | 62 |
File
63 | 64 |
65 | projects/ngx-face-api-js/schematics/ng-add/Schema.ts
66 |
Index
72 |
76 | Properties77 | |
78 |
81 |
|
87 |
Properties
96 || 100 | 101 | project 102 | | 103 |
106 | project:
108 | |
109 |
114 | Type : string
115 |
116 | |
117 |
130 |
135 | export interface Schema {
131 | project: string;
132 | }
133 |
143 |
151 |
144 |
147 | result-matching ""
145 |
148 |
150 | No results matching ""
149 |
26 |
146 |
147 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
--------------------------------------------------------------------------------
/docs/graph/dependencies.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
127 |
--------------------------------------------------------------------------------
/docs/modules/NgxFaceApiJsModule/dependencies.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
6 |
7 |
127 |
--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
27 |
30 |
31 |
145 |
32 |
143 |
144 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
52 |
53 |
54 |
56 |
57 |
74 |
75 |
76 |
78 |
79 |
80 |
94 |
96 |
114 |
115 |
116 |
130 |
131 |
132 |
133 |
Index
55 |
59 |
|
71 |
projects/ngx-face-api-js/src/lib/tokens/FeatureToken.ts
77 || 82 | 83 | FeatureToken 84 | | 85 |
88 |
90 | |
91 |
projects/ngx-face-api-js/src/lib/tokens/ModelToken.ts
95 |projects/ngx-face-api-js/src/lib/tokens/TaskTypeToken.ts
113 || 118 | 119 | TaskTypeToken 120 | | 121 |
124 |
126 | |
127 |
134 |
142 |
135 |
138 | result-matching ""
136 |
139 |
141 | No results matching ""
140 |
26 |
132 |
133 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
--------------------------------------------------------------------------------
27 |
30 |
31 |
131 |
32 |
129 |
130 |
33 |
34 | By
76 | By
86 |
NgxFaceApiJs
35 |
Angular directives for face detection and face recognition in the browser.
37 |It is a wrapper for face-api.js, so it is not dependent on the browser implementation.
38 |
Description
40 |Make face and emotion recognition features easy to use in Angular projects by using face-api.js.
41 |-
42 |
- Recognize faces, emotions and so on in Angular project. 43 |
- Works in a Mobile. 44 |
- No Script/Styles reqired, you only embed attribute to img/video tag. 45 |
- Schematics Support, you can quickly set up a project using the
ng addandng updatecommand.
46 |
How it works?
48 |Overlay canvas on img tag with embedded attributes such as singleFace and allFaces by using Angular CDK Overlay.
49 |
And render the recognition result on canvas according to the content of the with attribute.
51 |Background
52 |-
53 |
- face-api.js 54 |
- TensorFlow.js 55 |
Demo
57 |-
58 |
- Detect Faces by Image -- StackBlitz(Editor) 59 |
Usage
61 |Detect All Faces
62 |html
63 | <img allFaces [src]="imageSrc" width="300px" />
Detect Face With Expressions and Landmarks
66 |html
67 | <img
68 | singleFace
69 | [with]="['expressions', 'landmarks']"
70 | [src]="imageSrc"
71 | width="300px"
72 | />
Installation
75 |By ng-add Schematics
76 | bash
77 | $ ng add ngx-face-api-js
78 | ...
79 | UPDATE package.json (1457 bytes)
80 | UPDATE src/styles.css (126 bytes)
81 | UPDATE src/app/app.module.ts (497 bytes)
By Manual
83 |See Wiki.
84 |Update
85 |By ng-update Schematics
86 | bash
87 | $ ng update ngx-face-api-js
88 | ✅️ Added dependency: face-api.js@~0.20.0
89 | ✅️ Dependencies installed
90 | UPDATE package.json (1440 bytes)
Documantation
92 |-
93 |
- compodoc 94 |
License
96 |This software is released under the MIT License, see LICENSE.
97 |
Author
99 | 100 |
120 |
128 |
121 |
124 | result-matching ""
122 |
125 |
127 |