Zum Hauptinhalt springen
Zurück zu Plugins
@capgo/camera-preview
Tutorial
@capgo/camera-preview

Kamera-Vorschau

Live-Kamera-Feed als Overlay mit benutzerspezifischen Steuerungen und Aufnahmefunktionen anzeigen

Richtlinie

Tutorial zur Kamera-Vorschau

Mit @capgo/camera-preview verwenden

Die Hauptoberfläche für das CameraPreview-Plugin.

Install

bun add @capgo/camera-preview
bunx cap sync

Was diese Erweiterung offenlegt

  • start - Startet die Kamera-Vorschau.
  • stop - Beendet die Kamera-Vorschau.
  • capture - Fängt ein Bild von der Kamera ein.
  • captureSample - Fängt ein einzelnes Bild von der Kamera-Vorschau-Stream ein.

Beispiel für die Verwendung

start

Startet die Kamera-Vorschau.

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.start({} as CameraPreviewOptions);

stop

Beendet die Kamera-Vorschau.

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.stop();

capture

Fängt ein Bild von der Kamera ein.

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.capture({} as CameraPreviewPictureOptions);

captureSample

Fängt ein einzelnes Bild von der Kamera-Vorschau-Stream ein.

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.captureSample({} as CameraSampleOptions);

Vollständige Referenz

Weitermachen von Using @capgo/kamera-vorschau

Wenn Sie native Medien und Schnittstellenverhalten planen, verbinden Sie es mit Mit @capgo/kamera-vorschau für die Implementierungsdetails in @__CAPGO_KEEP_0__/kamera-vorschau, @capgo/camera-preview for the implementation detail in @capgo/camera-preview, Mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-aktivitäten If you are using Using @capgo/capacitor-live-activities für die native Fähigkeit in Using @capgo/capacitor-live-aktivitäten, @capgo/capacitor-live-aktivitäten für die Implementierungsdetail in @capgo/capacitor-live-aktivitäten, und Mit @capgo/capacitor-video-player für die native Fähigkeit in Mit @capgo/capacitor-video-player.