Sauberer Lebenszyklus: initialisieren, anbinden, starten, Qualitätsereignisse abhören, typisiertes strukturiertes Ergebnis erhalten. Web Worker-Unterstützung hält die UI reaktionsfähig. Optionale Module verschmutzen nicht die Kern-API.
import { CameraVitalCheck } from 'camera-vital-check';
// Create a scanner instance
const scanner = new CameraVitalCheck({
element: document.querySelector('#video'),
lang: 'en',
quality: { minGrade: 'moderate' },
voice: { enabled: true },
onReady: () => console.log('Camera opened'),
onQuality: (q) => updateUI(q),
onProgress: (pct) => setProgress(pct),
});
// Start the scan
await scanner.start();Ein Script-Tag. Keine Konfiguration erforderlich. Rendert eine vollständige Scan-UI.
Vollständige Lifecycle-API. Benutzerdefinierte UI. Zugriff auf Qualitätsereignisse und typisiertes Ergebnis.
Scan-Ergebnisse an Ihren Backend-Endpunkt senden. Nützlich für serverseitiges Logging.
TypeScript-first
Vollständige Typdefinitionen enthalten. Ergebnisschema ist strikt typisiert.
Framework-unabhängig
Funktioniert mit React, Vue, Svelte oder reinem HTML.
Web Worker support
rPPG-Verarbeitung im Hintergrundthread — UI bleibt reaktionsfähig.
Typisiertes Ergebnisschema
status, hr, rr, quality, confidence, reasons, metadata.
Qualitätsereignisse
Echtzeit-Qualitäts-Callbacks während des gesamten Scan-Lebenszyklus.
Anpassbare Sprachführung
Beliebige Nachrichtenzeichenfolge überschreiben. Unterstützt zusätzliche Sprachen.
Modulare Optionen
Nur die benötigten Komponenten aktivieren. Tree-shakeable Exporte.
Keine externen Abhängigkeiten
Keine CDN-Aufrufe während eines Scans. Vollständig in sich geschlossen.