Zum Hauptinhalt springen
@capgo/capacitor-screen-recorder Medien Open Source

Bildschirmrekorder Capacitor Plugin

Erstelle Bildschirmaufnahmen mit Audio für Tutorials, Demos und Bug-Reports

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

So nutzt du den Screen Recorder in Capacitor

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

App Store Google Play Store
QR-Code zur Screen Recorder Plugin-Vorschau code

Verwendung von @capgo/capacitor-screen-recorder

Capacitor Screen Recorder Plugin zum Aufnehmen des Bildschirms. Ermöglicht Videoaufnahmen des Displays mit optionalem Audio.

Installieren

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

Was dieses Plugin bereitstellt

  • start - Bildschirmaufnahme des Geräts starten.
  • stop - Die aktuelle Bildschirmaufnahme stoppen.

Anwendungsbeispiel

start

Aufnahme des Gerätebildschirms 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 Bildschirmaufnahme stoppen.

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

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

Vollständige Referenz

Weiter mit @capgo/capacitor-screen-recorder

Wenn du es nutzt Verwendung von @capgo/capacitor-screen-recorder , um natives Media- und Interface-Verhalten zu planen, verbinde es mit @capgo/capacitor-screen-recorder für die Implementierungsdetails in @capgo/capacitor-screen-recorder, Erste Schritte für die Implementierungsdetails in Erste Schritte, @capgo/capacitor-live-activities verwenden für die native Funktion in „@capgo/capacitor-live-activities verwenden“, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities und Verwendung von @capgo/capacitor-video-player für die native Funktionalität in „Verwendung von @capgo/capacitor-video-player.“

FAQ

Screen Recorder Plugin FAQ

Wie installiere ich das Screen Recorder Plugin in einer Capacitor-App?

Führe "bun add @capgo/capacitor-screen-recorder" (oder "npm install @capgo/capacitor-screen-recorder") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es aus "@capgo/capacitor-screen-recorder" in deiner App code.

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

Ja. Screen Recorder ist ein Capacitor-Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

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

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-screen-recorder kostenlos und Open Source?

Ja. Der Source-Code von code ist auf GitHub öffentlich unter https://github.com/Cap-go/capacitor-screen-recorder/ einsehbar, und das Paket lässt sich kostenlos über npm installieren. Bug-Reports und Pull Requests sind willkommen.

Kann ich code, das Screen Recorder verwendet, ohne App Store Review aktualisieren?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Medien

Verwandte Plugins

Alle Plugins durchsuchen →

Screen Recorder-Änderungen ohne App-Review ausrollen

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo