@mostajs/face 1.2.0 → 1.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/FaceDetector.js +23 -13
- package/dist/index.d.ts +2 -1
- package/dist/index.js +3 -1
- package/dist/types/index.d.ts +11 -0
- package/dist/types/index.js +7 -0
- package/package.json +1 -1
|
@@ -71,15 +71,18 @@ function FaceDetector({ photo, onCapture, onClear, verifyDescriptor, onVerifyRes
|
|
|
71
71
|
const stream = await navigator.mediaDevices.getUserMedia({
|
|
72
72
|
video: { width: 320, height: 240, facingMode: 'user' },
|
|
73
73
|
});
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
74
|
+
// If component unmounted while awaiting getUserMedia, stop tracks immediately
|
|
75
|
+
if (!videoRef.current) {
|
|
76
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
videoRef.current.srcObject = stream;
|
|
80
|
+
await videoRef.current.play().catch(() => { });
|
|
81
|
+
setStreaming(true);
|
|
82
|
+
if (enabled && modelsReady) {
|
|
83
|
+
videoRef.current.onloadeddata = () => {
|
|
84
|
+
animFrameRef.current = requestAnimationFrame(detectLoop);
|
|
85
|
+
};
|
|
83
86
|
}
|
|
84
87
|
}
|
|
85
88
|
catch {
|
|
@@ -96,13 +99,20 @@ function FaceDetector({ photo, onCapture, onClear, verifyDescriptor, onVerifyRes
|
|
|
96
99
|
setStreaming(false);
|
|
97
100
|
setFaceDetected(false);
|
|
98
101
|
}, []);
|
|
99
|
-
// Cleanup on unmount
|
|
102
|
+
// Cleanup on unmount — stop all tracks and detach stream
|
|
100
103
|
(0, react_1.useEffect)(() => {
|
|
101
104
|
return () => {
|
|
102
105
|
cancelAnimationFrame(animFrameRef.current);
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
+
const video = videoRef.current;
|
|
107
|
+
if (video) {
|
|
108
|
+
video.pause();
|
|
109
|
+
const stream = video.srcObject;
|
|
110
|
+
if (stream) {
|
|
111
|
+
stream.getTracks().forEach((track) => track.stop());
|
|
112
|
+
}
|
|
113
|
+
video.srcObject = null;
|
|
114
|
+
video.removeAttribute('src');
|
|
115
|
+
video.load();
|
|
106
116
|
}
|
|
107
117
|
};
|
|
108
118
|
}, []);
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export { createRecognizeHandler } from './api/recognize.route';
|
|
|
7
7
|
export { createDetectHandler } from './api/detect.route';
|
|
8
8
|
export { default as FaceDetector } from './components/FaceDetector';
|
|
9
9
|
export type { FaceDetectorProps } from './components/FaceDetector';
|
|
10
|
-
export type { MostaFaceConfig, FaceDetectionResult, FaceMatchResult, FaceDescriptor } from './types';
|
|
10
|
+
export type { MostaFaceConfig, FaceDetectionResult, FaceMatchResult, FaceDescriptor, FaceSettings } from './types';
|
|
11
|
+
export { DEFAULT_FACE_SETTINGS } from './types';
|
|
11
12
|
export type { FaceCandidate, RecognizeHandlerConfig } from './api/recognize.route';
|
|
12
13
|
export type { DetectHandlerConfig } from './api/detect.route';
|
package/dist/index.js
CHANGED
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
6
6
|
};
|
|
7
7
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
8
|
-
exports.FaceDetector = exports.createDetectHandler = exports.createRecognizeHandler = exports.useFaceDetection = exports.useCamera = exports.drawDetection = exports.isValidDescriptor = exports.arrayToDescriptor = exports.descriptorToArray = exports.findAllMatches = exports.findMatch = exports.compareFaces = exports.extractDescriptor = exports.detectAllFaces = exports.detectFace = exports.isLoaded = exports.loadModels = void 0;
|
|
8
|
+
exports.DEFAULT_FACE_SETTINGS = exports.FaceDetector = exports.createDetectHandler = exports.createRecognizeHandler = exports.useFaceDetection = exports.useCamera = exports.drawDetection = exports.isValidDescriptor = exports.arrayToDescriptor = exports.descriptorToArray = exports.findAllMatches = exports.findMatch = exports.compareFaces = exports.extractDescriptor = exports.detectAllFaces = exports.detectFace = exports.isLoaded = exports.loadModels = void 0;
|
|
9
9
|
// Core face-api service
|
|
10
10
|
var face_api_1 = require("./lib/face-api");
|
|
11
11
|
Object.defineProperty(exports, "loadModels", { enumerable: true, get: function () { return face_api_1.loadModels; } });
|
|
@@ -37,3 +37,5 @@ Object.defineProperty(exports, "createDetectHandler", { enumerable: true, get: f
|
|
|
37
37
|
// Components
|
|
38
38
|
var FaceDetector_1 = require("./components/FaceDetector");
|
|
39
39
|
Object.defineProperty(exports, "FaceDetector", { enumerable: true, get: function () { return __importDefault(FaceDetector_1).default; } });
|
|
40
|
+
var types_1 = require("./types");
|
|
41
|
+
Object.defineProperty(exports, "DEFAULT_FACE_SETTINGS", { enumerable: true, get: function () { return types_1.DEFAULT_FACE_SETTINGS; } });
|
package/dist/types/index.d.ts
CHANGED
|
@@ -25,3 +25,14 @@ export interface FaceMatchResult<T> {
|
|
|
25
25
|
distance: number;
|
|
26
26
|
}
|
|
27
27
|
export type FaceDescriptor = Float32Array | number[];
|
|
28
|
+
export interface FaceSettings {
|
|
29
|
+
/** Enable face detection/recognition (default: true) */
|
|
30
|
+
faceRecognitionEnabled: boolean;
|
|
31
|
+
/** Match distance threshold — lower = stricter (default: 0.6) */
|
|
32
|
+
faceRecognitionThreshold: number;
|
|
33
|
+
/** Require face detected before photo capture (default: true) */
|
|
34
|
+
faceRequireForCapture: boolean;
|
|
35
|
+
/** Auto-verify face after scan (default: false) */
|
|
36
|
+
faceAutoVerify: boolean;
|
|
37
|
+
}
|
|
38
|
+
export declare const DEFAULT_FACE_SETTINGS: FaceSettings;
|
package/dist/types/index.js
CHANGED
|
@@ -2,3 +2,10 @@
|
|
|
2
2
|
// @mosta/face — Types
|
|
3
3
|
// Author: Dr Hamid MADANI drmdh@msn.com
|
|
4
4
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
5
|
+
exports.DEFAULT_FACE_SETTINGS = void 0;
|
|
6
|
+
exports.DEFAULT_FACE_SETTINGS = {
|
|
7
|
+
faceRecognitionEnabled: true,
|
|
8
|
+
faceRecognitionThreshold: 0.6,
|
|
9
|
+
faceRequireForCapture: true,
|
|
10
|
+
faceAutoVerify: false,
|
|
11
|
+
};
|
package/package.json
CHANGED