Passer à la navigation principale

Enregistreur d'écran plugin Capacitor de Capgo

Enregistrez des captures d'écran avec audio pour les tutoriels, les démos et les 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 l'enregistreur d'écran dans Capacitor

Tester sur appareil

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

Screen Recorder plugin preview QR code

Utilisation de @capgo/capacitor-enregistreur-d'écran

Extension d'enregistreur d'écran Capacitor pour enregistrer l'écran de l'appareil. Permet de capturer des enregistrements vidéo de l'écran avec audio optionnel.

Installer

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

Ce que ce plugin expose

  • start - Démarrer l'enregistrement de l'écran du dispositif.
  • stop - Arrêter l'enregistrement actuel de l'écran.

Exemple d'utilisation

start

Démarrer l'enregistrement de l'écran du dispositif.

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 actuel de l'écran.

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

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

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-enregistreur-d'écran

Si vous utilisez En utilisant @capgo/capacitor-enregistreur-de-écran pour planifier le comportement de médias et d'interface natifs, le connecter avec @capgo/capacitor-enregistreur-de-écran pour les détails d'implémentation dans @capgo/capacitor-enregistreur-de-écran, Prise en main pour les détails d'implémentation dans Prise en main, En utilisant @capgo/capacitor-activités-en-vivre pour la capacité native dans En utilisant @capgo/capacitor-activités-en-vivre, @capgo/capacitor-activités-en-vivre pour les détails d'implémentation dans @capgo/capacitor-activités-en-vivre, et En utilisant @capgo/capacitor-joueur-de-videos pour la capacité native dans En utilisant @capgo/capacitor-joueur-de-videos.

FAQ

Questions fréquentes sur l'enregistreur d'écran

Comment puis-je installer l'enregistreur d'écran dans une application Capacitor?

Exécutez « bun add @capgo/capacitor-enregistreur d'écran » (ou « npm install @capgo/capacitor-enregistreur d'écran »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte le native code. Importez-l’à partir de « @capgo/capacitor-enregistreur d'écran » dans votre application code.

Fonctionne-t-il @capgo/capacitor-enregistreur d'écran avec React, Vue et Angular ?

Oui. L'enregistreur d'écran est un paquet Capacitor, il fonctionne donc avec tout framework web qui tourne à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor supporte @capgo/capacitor-enregistreur d'écran ?

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

Est-ce que @capgo/capacitor-enregistreur d'écran est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à https://github.com/Cap-go/capacitor-enregistreur-d'écran/ et le paquet est gratuit à installer depuis npm. Les rapports de bugs et les demandes de mise à jour sont les bienvenus.

Puis-je mettre à jour code qui utilise l'enregistreur d'écran sans passer par une revue de l'App Store ?

Installing or upgrading the plugin changes native code, so it needs a new store build. After that, JavaScript, HTML and CSS changes that call the plugin can ship instantly with Capgo live updates.

Envoyer les modifications du lecteur d'écran sans attendre la revue de l'application

Une fois le plugin est dans votre build de magasin, Capgo les mises à jour en direct poussent vos modifications JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Commencez par Capgo