Saltar al contenido principal
Volver a plugins
@capgo/camera-preview
Tutorial
@capgo/camera-preview

Visor de cámara

Muestra la cámara en vivo como una capa con controles personalizables y capacidades de captura

Guía

Tutoriales sobre Vista Previa de Cámara

Probar en dispositivo

Descargar la aplicación Capgo, luego escanea el código QR code.

Enlace QR de vista previa de cámara code

Usando @capgo/camera-preview

La interfaz principal para el plugin de vista previa de cámara.

Instalar

bun add @capgo/camera-preview
bunx cap sync

¿Qué expone este plugin?

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

Ejemplo de uso

start

Inicia la vista previa de la cámara.

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

await CameraPreview.start({} as CameraPreviewOptions);

stop

Detiene la vista previa 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 la vista previa de la cámara.

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

await CameraPreview.captureSample({} as CameraSampleOptions);

Referencia completa

Sigue adelante desde Usando @capgo/camera-preview

Si estás utilizando Usando @capgo/camera-preview para planificar el comportamiento de medios y interfaz nativos, conecte con @capgo/cámara-previa para los detalles de implementación en @capgo/cámara-previa, Inicio para los detalles 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 los detalles 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.