Saltar al contenido principal
Capgo logo
Volver a plugins
@capgo/cámara previa
Tutorial
@capgo/cámara previa

Visor de cámara

Muestra la cámara en vivo como superposición con controles personalizables y capacidades de captura

Guía

Tutoría de Vista Previa de Cámara

Probar en dispositivo

Download the Capgo app, then scan the QR code.

Enlace QR de vista previa de la cámara code

Usando @capgo/camera-preview

La interfaz principal para el plugin de CameraPreview.

Instalar

bun add @capgo/camera-preview
bunx cap sync

¿Qué expone este plugin?

  • start - Inicia la vista previa de la cámara.
  • stop - Detiene la vista previa de la cámara.
  • capture - Captura una foto desde la cámara.
  • captureSample - Captura una sola imagen desde el flujo de previsualización de la cámara.

Uso de ejemplo

start

Inicia la previsualización de la cámara.

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

await CameraPreview.start({} as CameraPreviewOptions);

stop

Detiene la previsualización de la cámara.

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

await CameraPreview.stop();

capture

Captura una imagen desde la cámara.

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

await CameraPreview.capture({} as CameraPreviewPictureOptions);

captureSample

Captura una sola imagen desde el flujo de visualización de la cámara.

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

await CameraPreview.captureSample({} as CameraSampleOptions);

Referencia completa

Sigue adelante desde Uso de @capgo/camera-preview

Si estás utilizando Usando @capgo/cámara-previa para planificar el comportamiento de medios y interfaz nativa, conectarlo con @capgo/cámara-previa para el detalle de implementación en @capgo/cámara-previa, Getting Started para el detalle de implementación en Inicio, Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo para el detalle de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-reproductor-de-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos.