Saltare al contenuto principale
Indietro ai plugin
@capgo/camera-preview
Tutorial
@capgo/camera-preview

Camera Preview

Visualizza la feed della camera in tempo reale come overlay con controlli personalizzabili e funzionalità di cattura

Guida

Tutoriale sulla anteprima della camera

Esegui il test sul dispositivo

Scarica l'app Capgo, poi scansa il codice QR code.

Collegamento QR di anteprima della fotocamera code

Utilizza @capgo/camera-preview

L'interfaccia principale per il plugin CameraPreview.

Installa

bun add @capgo/camera-preview
bunx cap sync

Cos'è che questo plugin espone

  • start - Avvia l'anteprima della fotocamera.
  • stop - Ferma l'anteprima della fotocamera.
  • capture - Cattura una foto dalla fotocamera.
  • captureSample - Cattura un singolo frame dall'anteprima del flusso della fotocamera.

Esempio di utilizzo

start

Avvia l'anteprima della fotocamera.

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

await CameraPreview.start({} as CameraPreviewOptions);

stop

Interrompe la preview della fotocamera.

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

await CameraPreview.stop();

capture

Captura una foto dalla fotocamera.

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

await CameraPreview.capture({} as CameraPreviewPictureOptions);

captureSample

Captura un singolo frame dal flusso di preview della fotocamera.

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

await CameraPreview.captureSample({} as CameraSampleOptions);

Riferimento Completo

Continua dall'uso di @capgo/camera-preview

Se stai utilizzando Utilizza @capgo/camera-preview per pianificare il comportamento dei media e dell'interfaccia nativi, collegalo con @capgo/camera-preview per i dettagli di implementazione in @capgo/camera-preview, Avvio rapido per i dettagli di implementazione in Avvio rapido, Utilizzo di @capgo/capacitor-live-attività per la capacità nativa in Utilizzo di @capgo/capacitor-live-attività, @capgo/capacitor-live-attività per i dettagli di implementazione in @capgo/capacitor-live-attività, e Utilizzo di @capgo/capacitor-player di video per la capacità nativa in Utilizzo di @capgo/capacitor-player di video.