Zum Hauptinhalt springen

Bildschirmrekorder Capacitor Plugin

Bildschirmaufnahmen mit Audio für Tutorials, Demos und Fehlerberichte aufnehmen

Installieren

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

Anleitung

Verwenden Sie den Bildschirmrekorder in Capacitor

Testen Sie auf Gerät

Laden Sie die Capgo-App herunter, dann scannen Sie die QR-Code code.

Vorschau-QR-code für das Screen-Recorder-Plugin

Mit @capgo/capacitor-screen-recorder

Capacitor Bildschirmrekorder-Plugin für die Aufzeichnung der Geräteschirme. Er ermöglicht die Aufzeichnung von Videos der Schirme mit optionaler Audioaufzeichnung.

Installieren

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

Was dieses Plugin enthüllt

  • start - Die Aufzeichnung des Geräteschirms starten.
  • stop - Die aktuelle Bildschirmaufzeichnung beenden.

Beispielhafte Verwendung

start

Das Gerätscreen aufzeichnen starten.

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

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

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

stop

Die aktuelle Bildschirmaufzeichnung beenden.

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

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

Vollständige Referenz

Weitermachen von Using @capgo/capacitor-screen-recorder

Wenn Sie Using verwenden Verwendung von @capgo/capacitor-Screen-Recorder Um native Medien und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-screen-recorder für die Implementierungsdetails in @capgo/capacitor-screen-recorder Getting Started zur Implementierungsdetail in Einstieg, Mit @capgo/capacitor-live-aktivitäten zur nativen Fähigkeit in Mit @capgo/capacitor-live-aktivitäten, @capgo/capacitor-live-aktivitäten zur Implementierungsdetail in @capgo/capacitor-live-aktivitäten, und Mit @capgo/capacitor-video-player zur nativen Fähigkeit in Mit @capgo/capacitor-video-player.

FAQ

FAQ für den Bildschirmrekorder-Plugin

Wie installiere ich die Bildschirmrekorder-Plugin in einer Capacitor-App?

Führen Sie "bun add @capgo/capacitor-screen-recorder" (oder "npm install @capgo/capacitor-screen-recorder"), dann führen Sie "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie sie aus "@capgo/capacitor-screen-recorder" in Ihrer code-Anwendung.

Funktioniert @capgo/capacitor-screen-recorder mit React, Vue und Angular?

Ja. Der Bildschirmrekorder ist ein Capacitor-Paket, daher funktioniert er mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

Welche Capacitor-Version unterstützt @capgo/capacitor-screen-recorder?

Capgo-Plugins folgen der Capacitor-Version: verwenden Sie die Plugin-Major-Version, die Ihrem Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README enthält die unterstützten Versionen.

Ist @capgo/capacitor-Bildschirmschreiber kostenlos und Open-Source?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-screen-recorder/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Kann ich code, das Screen Recorder verwendet, ohne eine App-Store-Bewertung aktualisieren?

Die Installation oder das Upgrade des Plugins ändert die native code, daher ist eine neue Store-Build erforderlich. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffe von Screen Recorder-Änderungen ohne auf die App-Überprüfung warten

Einmal das Plugin in Ihrem Laden ist, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten.

Beginnen Sie mit Capgo