Saltar al contenido principal

Grabadora de pantalla plugin de Capacitor

Captura grabaciones de pantalla con audio para tutoriales, demos y informes 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 el Grabador de Pantalla en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo, luego escane el código QR code.

Registro de pantalla plugin vista previa QR code

Usando @capgo/capacitor-grabadora-de-pantalla

Capacitor Plugin de grabadora de pantalla para grabar la pantalla del dispositivo. Te permite capturar grabaciones de video de la pantalla con audio opcional.

Instalar

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

¿Qué 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

Comience 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

Detenga la grabación de pantalla actual.

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

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

Toda la Referencia

Siga adelante desde Usando @capgo/capacitor-grabador-de-pantalla

Si está utilizando Usando @capgo/capacitor-grabador-de-pantalla para planificar el comportamiento de medios nativos e interfaz, conecte con @capgo/capacitor-grabador-de-pantalla para los detalles de implementación en @capgo/capacitor-grabador-de-pantalla, Getting Started para los detalles de implementación en Empezando 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.

FAQ

FAQ de la grabadora de pantalla de plugin

Cómo instalo la grabadora de pantalla de plugin en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-grabadora de pantalla" (o "npm install @capgo/capacitor-grabadora de pantalla"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android capturen la code nativa. Importa desde "@capgo/capacitor-grabadora de pantalla" en tu aplicación code.

¿Funciona @capgo/capacitor-grabadora de pantalla con React, Vue y Angular?

Sí. La grabadora de pantalla es un paquete Capacitor, por lo 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 soporta @capgo/capacitor-grabadora de pantalla?

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

¿Es @capgo/capacitor-grabadora-de-pantalla gratuita y de código abierto?

Sí. El código fuente de code está disponible en GitHub en https://github.com/Cap-go/capacitor-grabadora-de-pantalla/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de extracción.

¿Puedo actualizar code que utiliza la grabadora de pantalla sin una revisión de la Tienda?

Instalar o actualizar el plugin cambia el código nativo de code, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios de JavaScript, HTML y CSS que llaman al plugin pueden enviar con actualizaciones Capgo en vivo.

Envía cambios del grabador de pantalla sin esperar la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían los cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Inicia con Capgo