Passer à la navigation principale
Retour aux plugins
@capgo/camera-preview
Tutoriel
@capgo/camera-preview

Visionneuse de caméra

Affichez une vue en direct de la caméra en surimpression 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 QR de prévisualisation du plugin Camera Preview code

Utilisez @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 de la flux de prévisualisation de la caméra.

Exemple d'utilisation

start

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

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

await CameraPreview.start({} as CameraPreviewOptions);

stop

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

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

await CameraPreview.stop();

capture

Capturer une photo à partir de la caméra.

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

await CameraPreview.capture({} as CameraPreviewPictureOptions);

captureSample

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

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

await CameraPreview.captureSample({} as CameraSampleOptions);

Référence complète

Continuez à partir de l'utilisation de @capgo/camera-preview

Si vous utilisez En utilisant @capgo/camera-preview pour planifier le comportement de médias et d'interface natifs, connectez-l’à @capgo/prévisualisation-de-la-caméra pour les détails d'implémentation dans @capgo/prévisualisation-de-la-caméra, Prise en main pour les détails d'implémentation dans Prise en main, Utilisation de @capgo/activités-en-vivre-capacitor pour la capacité native dans Utilisation de @capgo/activités-en-vivre-capacitor, @capgo/activités-en-vivre-capacitor pour les détails d'implémentation dans @capgo/activités-en-vivre-capacitor, et Utilisation de @capgo/jouer-le-capacitor-vidéo pour la capacité native dans Utilisation de @capgo/jouer-le-capacitor-vidéo.