Saltar al contenido principal
@capgo/capacitor-screen-recorder Multimedia Código abierto

Grabador de pantalla plugin Capacitor

Graba la pantalla con audio para tutoriales, demos y reportes de errores

Instalar

bun add @capgo/capacitor-screen-recorder bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-screen-recorder
  • pnpm add @capgo/capacitor-screen-recorder
  • yarn add @capgo/capacitor-screen-recorder

Guía

Cómo usar Screen Recorder en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa del plugin Screen Recorder QR code

Uso de @capgo/capacitor-screen-recorder

Plugin Capacitor Screen Recorder para grabar la pantalla del dispositivo. Permite capturar grabaciones de video de la pantalla con audio opcional.

Instalar

bun add @capgo/capacitor-screen-recorder
bunx cap sync

Lo que expone este plugin

  • start - Iniciar la grabación de la pantalla del dispositivo.
  • stop - Detener la grabación de pantalla actual.

Ejemplo de uso

start

Empieza a grabar la pantalla del dispositivo.

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';

// Start recording without audio
await ScreenRecorder.start();

// Start recording with audio
await ScreenRecorder.start({ recordAudio: true });

stop

Detén la grabación de pantalla en curso.

import { ScreenRecorder } from '@capgo/capacitor-screen-recorder';

await ScreenRecorder.stop();
console.log('Recording saved to gallery');

Referencia completa

Continúa desde Uso de @capgo/capacitor-screen-recorder

Si estás usando Uso de @capgo/capacitor-screen-recorder para planificar el comportamiento de los medios nativos y la interfaz, conéctalo con @capgo/capacitor-screen-recorder para los detalles de implementación en @capgo/capacitor-screen-recorder, Primeros pasos para los detalles de implementación en Primeros pasos, Uso de @capgo/capacitor-live-activities para la capacidad nativa en Uso de @capgo/capacitor-live-activities, @capgo/capacitor-live-activities para el detalle de implementación en @capgo/capacitor-live-activities, y Uso de @capgo/capacitor-video-player para la capacidad nativa en Uso de @capgo/capacitor-video-player.

FAQ

FAQ del plugin Screen Recorder

¿Cómo instalo el plugin Screen Recorder en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-screen-recorder" (o "npm install @capgo/capacitor-screen-recorder") y luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-screen-recorder" en tu code.

¿Es compatible @capgo/capacitor-screen-recorder con React, Vue y Angular?

Sí. Screen Recorder es un paquete Capacitor, así que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor es compatible con @capgo/capacitor-screen-recorder?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-screen-recorder gratuito y de código abierto?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-screen-recorder/ y el paquete se puede instalar gratis desde npm. Aceptamos reportes de bugs y pull requests.

¿Puedo actualizar code que usa Screen Recorder sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Screen Recorder sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo