Salta al contenuto principale
@capgo/capacitor-screen-recorder Media Open source

Registratore schermo Plugin Capacitor

Registra lo schermo con audio per tutorial, demo e bug report

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 usare Screen Recorder in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

App Store Google Play
QR code per l'anteprima del plugin Screen Recorder

Utilizzo di @capgo/capacitor-screen-recorder

Plugin Capacitor Screen Recorder per registrare lo schermo del dispositivo. Permette di catturare video dello schermo con audio opzionale.

Installa

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

Cosa espone questo plugin

  • start - Start recording the device screen.
  • stop - Ferma la registrazione dello schermo in corso.

Esempio d'uso

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

Interrompe la registrazione dello schermo in corso.

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

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

Riferimento completo

Continua con l'uso di @capgo/capacitor-screen-recorder

Se stai usando Utilizzo di @capgo/capacitor-screen-recorder per pianificare il comportamento dei media nativi e dell'interfaccia, collegalo a @capgo/capacitor-screen-recorder per i dettagli di implementazione in @capgo/capacitor-screen-recorder, Per iniziare per i dettagli di implementazione nella guida introduttiva, Uso di @capgo/capacitor-live-activities per la funzionalità nativa nella pagina Uso di @capgo/capacitor-live-activities, @capgo/capacitor-live-activities per i dettagli di implementazione in @capgo/capacitor-live-activities, e Uso di @capgo/capacitor-video-player per la funzionalità nativa in Usare @capgo/capacitor-video-player.

FAQ

FAQ sul plugin Screen Recorder

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

Esegui "bun add @capgo/capacitor-screen-recorder" (o "npm install @capgo/capacitor-screen-recorder"), poi lancia "bunx cap sync" in modo che i progetti iOS e Android integrino il code nativo. Importalo da "@capgo/capacitor-screen-recorder" nel tuo code.

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

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

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

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version 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 è free e open source?

Sì. Il codice sorgente di code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-screen-recorder/ e il pacchetto è gratuito su npm. Bug report e pull request sono i benvenuti.

Posso aggiornare code che usa Screen Recorder senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Media

Plugin correlati

Sfoglia tutti i plugin →

Distribuisci modifiche a Screen Recorder senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo