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

Prévision de la caméra

Afficher la prise en charge live 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 QR de prévisualisation de la caméra code

En utilisant @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 preview 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 la preview 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/preview-de-la-caméra

Si vous utilisez L'utilisation de @capgo/preview-de-la-caméra pour planifier le comportement des médias et de l'interface natifs, connectez-l’avec @capgo/preview-de-la-caméra 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.