Allez directement au contenu principal
Retour aux plugins
@capgo/camera-preview
Tutoriel
@capgo/camera-preview

Visionneuse de caméra

Afficher le flux de caméra en direct 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 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 de la 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êtez 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 L'utilisation de @capgo/camera-preview pour planifier le comportement des médias et de l'interface natives, connectez-le avec @capgo/camera-preview pour les détails d'implémentation dans @capgo/camera-preview, Prise en main pour les détails d'implémentation dans Prise en main, Utilisation de @capgo/capacitor-live-activités pour la capacité native dans Utilisation de @capgo/capacitor-live-activités, @capgo/capacitor-live-activités pour les détails d'implémentation dans @capgo/capacitor-live-activités, et Utilisation de @capgo/capacitor-video-joueur pour la capacité native dans Utilisation de @capgo/capacitor-video-joueur.