Zum Inhalt springen

@capgo/camera-preview

Live-Kamera-Vorschau, Aufnahmen, Zoom-Objektive und Barcode-Scanning direkt in deinem WebView.

@capgo/camera-preview rendert ein native Kamera-Ebene hinter oder über deiner WebView mit Continuous Preview, Still-Capture, Blitzsteuerung, Seitenverhältnis und optionalem Barcode-Scanning. Erstelle Scan-to-Pay, AR-Overlays, benutzerdefinierte Shutter-UX und Vision-Workflows, ohne Nutzer zur Standard-Kamera-App zu leiten.

Kombiniere es mit @capgo/capacitor-uploader um Aufnahmen von Disk-Pfaden hochzuladen, statt komplette Buffer in JavaScript zu laden.

PlattformNotizen
iOSMulti-Lens-Geräte, Pinch-to-Zoom und Barcode-Formate via Native Scanner
AndroidCameraX Preview, konfigurierbare Auflösung
WebEingeschränkter Support, siehe README für Web-Details
  • start - Startet die Kamera-Vorschau.
  • stop - Stoppt die Kamera-Vorschau.
  • capture - Macht ein Foto mit der Kamera.
  • captureSample - Erfasst einen einzelnen Frame aus dem Kamera-Stream.
MethodeBeschreibung
startStartet die Kamera-Vorschau.
stopStoppt die Kamera-Vorschau.
captureMacht ein Foto mit der Kamera.
captureSampleErfasst einen einzelnen Frame aus dem Kamera-Preview-Stream.
getSupportedFlashModesRuft die unterstützten Blitzmodi der aktiven Kamera ab.
setAspectRatioLegt das Seitenverhältnis der Kamera-Vorschau fest.
getAspectRatioRuft das aktuelle Seitenverhältnis der Kamera-Vorschau ab.
setGridModeLegt den Rastermodus des Kamera-Vorschau-Overlays fest.
getGridModeRuft den aktuellen Rastermodus des Kamera-Vorschau-Overlays ab.
checkPermissionsPrüft den aktuellen Kamera- (und optional Mikrofon-) Berechtigungsstatus, ohne den Systemdialog anzuzeigen.
requestPermissionsFordert Kamera- (und optional Mikrofon-) Berechtigungen an. Falls die Berechtigungen bereits erteilt oder abgelehnt wurden, wird der aktuelle Status ohne Prompt zurückgegeben. Wenn showSettingsAlert true ist und die Berechtigungen abgelehnt wurden, erscheint ein plattformspezifischer Alert, der den Nutzer zu den App-Einstellungen leitet.
getHorizontalFovRuft das horizontale Sichtfeld der aktiven Kamera ab. Hinweis: Dies kann auf einigen Geräten nur ein Schätzwert sein.
getSupportedPictureSizesRuft die unterstützten Bildgrößen für alle Kameras ab.
setFlashModeLegt den Blitzmodus für die aktive Kamera fest.
flipWechselt zwischen der Front- und Rückkamera.
setOpacityLegt die Deckkraft der Kamera-Vorschau fest.
stopRecordVideoStoppt eine laufende Videoaufnahme.
startRecordVideoStartet die Videoaufnahme.
isRunningPrüft, ob die Kamera-Vorschau gerade läuft.
getAvailableDevicesGibt alle verfügbaren Kamera-Geräte zurück.
getZoomRuft den aktuellen Zoom-Status ab, inklusive Min/Max und Infos zur aktuellen Linse.
getZoomButtonValuesGibt Zoom-Button-Werte für schnelles Umschalten zurück. - iOS/Android: 0.5 (falls Ultraweitwinkel vorhanden), 1 und 2 (falls Weitwinkel vorhanden), 3 (falls Teleobjektiv vorhanden) - Web: nicht unterstützt.
setZoomSetzt die Zoomstufe der Kamera.
getFlashModeRuft den aktuellen Blitzmodus ab.
removeAllListenersEntfernt alle registrierten Listener.
setDeviceIdWechselt die aktive Kamera zur Kamera mit der angegebenen deviceId.
getDeviceIdRuft die ID des aktuell gebundenen Kamerageräts ab. Auf Android: Fällt eine Anfrage für eine physische Linse auf eine logische Kamera zurück, wird die ID der gebundenen logischen Kamera zurückgegeben.
getPreviewSizeRuft die aktuelle Vorschaugröße und -position ab.
setPreviewSizeSetzt die Vorschaugröße und -position.
setFocusSetzt den Kamerafokus auf einen bestimmten Punkt in der Vorschau.
addListenerFügt einen Listener für Screen-Resize-Events hinzu.
addListenerFügt einen Listener für Orientierungsänderungen hinzu.
deleteFileLöscht eine Datei unter dem angegebenen absoluten Pfad auf dem Gerät. Nutzen Sie dies zum schnellen Aufräumen temporärer Bilder, die mit storeToFileIm Web wird dies nicht unterstützt und wirft einen Fehler.
getSafeAreaInsetsRuft die Safe Area Insets für Geräte ab. Gibt den orientierungsabhängigen Notch-/Kamera-Cutout-Inset und die aktuelle Ausrichtung zurück. Im Portrait-Modus: oberer Inset (Notch oben). Im Landscape-Modus: linker Inset (Notch an der Seite). Dies zielt speziell auf den Cutout-Bereich (Notch, Punch Hole etc.) ab, den alle modernen Smartphones haben.
getOrientationGibt die aktuelle Geräteorientierung in einem plattformübergreifenden Format zurück.
getExposureModesGibt die von der aktiven Kamera unterstützten Belichtungsmodi zurück. Die Modi können sein: ‚locked‘, ‚auto‘, ‚continuous‘, ‚custom‘.
getExposureModeGibt den aktuellen Belichtungsmodus zurück.
setExposureModeLegt den Belichtungsmodus fest.
getExposureCompensationRangeGibt den unterstützten Bereich für die Belichtungskorrektur (EV-Bias) zurück.
getExposureCompensationGibt die aktuelle Belichtungskorrektur (EV-Bias) zurück.
setExposureCompensationLegt die Belichtungskorrektur (EV-Bias) fest. Der Wert wird auf den Bereich begrenzt.
getPluginVersionDie native Capacitor Plugin-Version abrufen.

Verwende diese Werte von CameraLens.deviceType oder LensInfo.deviceType um das physische Kameraobjektiv auszuwählen.

WertDer Nutzer findet
ultraWideUltraweitwinkel-Objektiv.
wideAngleStandard-Weitwinkelobjektiv.
telephotoTeleobjektiv-Kameraobjektiv.
trueDepthTrueDepth-Frontkamera.
dualDual-Kamerasystem.
dualWideDual-Weitwinkel-Kamerasystem.
tripleTriple-Kamerasystem.

Diese Referenz wird synchronisiert von src/definitions.ts in capacitor-camera-preview.

Wenn du es nutzt @capgo/camera-preview , um natives Media- und Interface-Verhalten zu planen, verbinde es mit Verwendung von @capgo/camera-preview für die native Funktion in der Verwendung von @capgo/camera-preview, @capgo/capacitor-live-activities verwenden für die native Funktion in „@capgo/capacitor-live-activities verwenden“, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities, Verwendung von @capgo/capacitor-video-player für die native Funktion in „@capgo/capacitor-video-player verwenden“, und @capgo/capacitor-video-player für das Implementierungsdetail in @capgo/capacitor-video-player.