Saltare al contenuto principale
@capgo/capacitor-regitratore dello schermo Media Sorgente aperta

Registrazione dello schermo plugin Capacitor

Cattura registrazioni schermo con audio per tutorial, demo e rapporti di bug

Installa

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

Guida

Come utilizzare il registratore di schermo in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansa il codice QR code.

App Store Google Play
Registrazione schermo plugin anteprima QR code

Utilizza @capgo/capacitor-screen-recorder

Plugin di registrazione dello schermo Capacitor per la registrazione dello schermo del dispositivo. Consente di catturare registrazioni video dello schermo con audio facoltativo.

Installa

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

Cos'è che questo plugin espone

  • start - Inizia a registrare lo schermo del dispositivo.
  • stop - Ferma la registrazione dello schermo corrente.

- Esempio di utilizzo

start

Inizia a registrare lo schermo 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

Ferma la registrazione della schermata corrente.

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

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

Riferimento completo

Continua dall'uso di @capgo/capacitor-screen-recorder

Se stai utilizzando Utilizza @capgo/capacitor-screen-recorder per pianificare il comportamento dei media nativi e dell'interfaccia, collega @capgo/capacitor-registratore-di-schermo per i dettagli di implementazione in @capgo/capacitor-screen-recorder Getting Started per i dettagli di implementazione in Avvio, Usando @capgo/capacitor-attività-in-vivo per la capacità nativa in Usando @capgo/capacitor-attività-in-vivo, @capgo/capacitor-attività-in-vivo per i dettagli di implementazione in @capgo/capacitor-attività-in-vivo, e Usando @capgo/capacitor-lettore-di-video per la capacità nativa in Usando @capgo/capacitor-lettore-di-video.

FAQ

Esempio di utilizzo del plugin Screen Recorder

Come installare il plugin Screen Recorder in un'app Capacitor?

Esegui "bun add @capgo/capacitor-screen-recorder" (o "npm install @capgo/capacitor-screen-recorder"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-screen-recorder" nella tua app code.

Funziona @capgo/capacitor-screen-recorder con React, Vue e Angular?

Sì. Screen Recorder è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Qual è la versione di Capacitor supportata da @capgo/capacitor-screen-recorder?

I plugin Capgo seguono la versione maggiore di Capacitor: utilizza la versione maggiore del plugin che corrisponde alla tua versione maggiore di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

È @capgo/capacitor-screen-recorder gratuito e open source?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-screen-recorder/ e il pacchetto è gratuito per l'installazione da npm. I rapporti di bug e le richieste di pull sono benvenuti.

Posso aggiornare code che utilizza Screen Recorder senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il codice nativo code, quindi richiede una nuova costruzione del store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere spediti immediatamente con gli aggiornamenti Capgo in tempo reale.

Media

Plugin correlati

Esplora tutti i plugin →

Invia le modifiche al registratore di schermo senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua store build, Capgo le modifiche live inviano i cambiamenti JavaScript, HTML e CSS agli utenti in pochi minuti.

Inizia con Capgo