Aller au contenu principal
@capgo/capacitor-screen-recorder Média Open source

Enregistreur d'écran Plugin Capacitor

Capturez des enregistrements d'écran avec audio pour vos tutoriels, démos et rapports de bugs

Installer

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

Guide

Comment utiliser Screen Recorder dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

App Store Google Play
Aperçu du plugin Screen Recorder QR code

Utiliser @capgo/capacitor-screen-recorder

Le plugin Capacitor Screen Recorder permet d'enregistrer l'écran de l'appareil. Il permet de capturer des vidéos de l'écran avec option audio.

Installer

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

Ce que ce plugin expose

  • start - Démarrer l'enregistrement de l'écran de l'appareil.
  • stop - Arrêter l'enregistrement d'écran en cours.

Exemple d'utilisation

start

Démarre l'enregistrement de l'écran de l'appareil.

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

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

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

stop

Arrêter l'enregistrement d'écran en cours.

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

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

Référence complète

Continuer avec l'utilisation de @capgo/capacitor-screen-recorder

Si vous utilisez Utiliser @capgo/capacitor-screen-recorder pour planifier le comportement des médias et de l'interface natifs, connectez-l’à @capgo/capacitor-screen-recorder pour les détails d'implémentation dans @capgo/capacitor-screen-recorder, Prise en main pour les détails d'implémentation dans Getting Started Utiliser @capgo/capacitor-live-activities pour la capacité native dans Utiliser @capgo/capacitor-live-activities @capgo/capacitor-live-activities pour les détails d'implémentation dans @capgo/capacitor-live-activities, et Utiliser @capgo/capacitor-video-player pour la fonctionnalité native dans Utilisation de @capgo/capacitor-video-player.

FAQ

FAQ du plugin Screen Recorder

Comment installer le plugin Screen Recorder dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-screen-recorder" (ou "npm install @capgo/capacitor-screen-recorder"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-screen-recorder" dans votre code.

Est-ce que @capgo/capacitor-screen-recorder fonctionne avec React, Vue et Angular ?

Oui. Screen Recorder est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant dans Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-screen-recorder ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-screen-recorder est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-screen-recorder/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Screen Recorder sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Média

Plugins associés

Parcourir tous les plugins →

Déployez les changements de Screen Recorder sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo