Allez directement au contenu principal
Retour aux plugins
@capgo/prévisualisation de la caméra
Tutorial
@capgo/prévisualisation de la caméra

Prévisualisation de la caméra

Affichez la prise en charge en direct de la caméra en tant qu'overlay avec des contrôles personnalisables et des capacités de capture

Guide

Tutoriel sur la prévisualisation de la caméra

Tester sur appareil

Téléchargez l'application Capgo, puis scannez le code QR code.

Lien de prévisualisation de la caméra code

Utilisation de @capgo/camera-preview

L'interface principale du plugin CameraPreview.

Installer

bun add @capgo/camera-preview
bunx cap sync

Ce que ce plugin expose

  • start - Démarre la prévisualisation de la caméra.
  • stop - Arrête la prévisualisation de la caméra.
  • capture - Capture une photo à partir de la caméra.
  • captureSample - Capture une seule image à partir du flux de prévisualisation de la caméra.

Exemple d'utilisation

start

Démarre la prévisualisation de la caméra.

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

await CameraPreview.start({} as CameraPreviewOptions);

stop

Arrête la prévisualisation de la caméra.

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

await CameraPreview.stop();

capture

Capturer une photo de la caméra.

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

await CameraPreview.capture({} as CameraPreviewPictureOptions);

captureSample

Capturer une seule image de la prévisualisation de la caméra.

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

await CameraPreview.captureSample({} as CameraSampleOptions);

Référence complète

Continuez à utiliser @capgo/camera-preview

Si vous utilisez Utilisez @capgo/camera-preview pour planifier le comportement des médias et de l'interface native, connectez-le avec @capgo/camera-preview For les détails d'implémentation dans @capgo/camera-preview, Prise en main For les détails d'implémentation dans Prise en main, Utilisation de @capgo/capacitor-live-activités For la capacité native dans Utilisation de @capgo/capacitor-live-activités, @capgo/capacitor-live-activités For les détails d'implémentation dans @capgo/capacitor-live-activités, et Utilisation de @capgo/capacitor-player vidéo For la capacité native dans Utilisation de @capgo/capacitor-player vidéo.