Pasar al contenido principal
Volver a plugins
@capgo/camera-preview
Tutoriales
@capgo/camera-preview

Visor de cámara

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

Guía

Tutorial de Vista Previa de Cámara

Probar en dispositivo

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

Enlace de vista previa QR de la cámara code

Usando @capgo/cámara-previa

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

Instalar

bun add @capgo/camera-preview
bunx cap sync

¿Qué se expone con este plugin?

  • start - Inicia la vista previa de la cámara.
  • stop - Detiene la vista previa de la cámara.
  • capture - Captura una imagen desde la cámara.
  • captureSample - Captura una sola imagen desde el flujo de vista previa de la 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 vista previa de la cámara.

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

await CameraPreview.captureSample({} as CameraSampleOptions);

Referencia Completa

Sigue adelante desde Using @capgo/camera-preview

Si estás utilizando Usando @capgo/camera-preview para planificar el comportamiento de medios y interfaz nativos, conecta con @capgo/camera-preview para el detalle de implementación en @capgo/camera-preview, Iniciación para el detalle de implementación en Iniciación, Usando @capgo/capacitor-live-actividades para la capacidad nativa en Usando @capgo/capacitor-live-actividades, @capgo/capacitor-live-actividades para el detalle de implementación en @capgo/capacitor-live-actividades, y Usando @capgo/capacitor-reproductor-de-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos.