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

Visor de cámara

Muestra la alimentación de cámara en vivo como superposición 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 de vista previa de cámara del plugin 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 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 Usando @capgo/camera-preview

Si estás utilizando Usando @capgo/camera-preview para planificar el comportamiento de medios y interfaz nativa, conecta con @capgo/camera-preview para el detalle de implementación en @capgo/camera-preview, Inicio para el detalle de implementación en Inicio, 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-video-jugador para la capacidad nativa en Usando @capgo/capacitor-video-jugador.