Zum Hauptinhalt springen

Audio-Recorder Capacitor Plugin

Audio auf iOS, Android und Web mit einfachen Steuerelementen und Formaten aufnehmen

Installieren

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

Anleitung

So nutzt du den Audio Recorder in Capacitor

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

Audio Recorder Plugin Vorschau-QR code

Verwendung von @capgo/capacitor-audio-recorder

Capacitor Plugin-Contract zur Audioaufnahme.

Installieren

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

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

API auf einen Blick

Methode Beschreibung
startRecording Aufnahme mit dem Gerätemikrofon starten.
pauseRecording Die laufende Aufnahme pausieren. Nur auf Android (API 24+), iOS und Web verfügbar.
resumeRecording Eine zuvor pausierte Aufnahme fortsetzen.
stopRecording Die aktuelle Aufnahme stoppen und das aufgenommene Audio speichern.
cancelRecording Die aktuelle Aufnahme abbrechen und bereits aufgenommenes Audio verwerfen.
getRecordingStatus Den aktuellen Aufnahmestatus abrufen.
getCurrentAmplitude Ruft die aktuelle Eingabeamplitude (Mikrofonpegel) als normalisierte Zahl in der [0, 1] Bereich.
checkPermissions Gibt den aktuellen Berechtigungsstatus für den Zugriff auf das Mikrofon zurück.
requestPermissions Zugriff auf das Mikrofon anfordern.

Beispiele

startRecording()

Aufnahme mit dem Gerätemikrofon starten.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.startRecording();

pauseRecording()

Die laufende Aufnahme pausieren. Nur auf Android (API 24+), iOS und Web verfügbar.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.pauseRecording();

resumeRecording()

Eine zuvor pausierte Aufnahme fortsetzen.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.resumeRecording();

stopRecording()

Die aktuelle Aufnahme stoppen und das aufgenommene Audio speichern.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

const result = await CapacitorAudioRecorder.stopRecording();
console.log(result);

cancelRecording()

Die aktuelle Aufnahme abbrechen und bereits aufgenommenes Audio verwerfen.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

await CapacitorAudioRecorder.cancelRecording();

getRecordingStatus()

Den aktuellen Aufnahmestatus abrufen.

import { CapacitorAudioRecorder } from '@capgo/capacitor-audio-recorder';

const result = await CapacitorAudioRecorder.getRecordingStatus();
console.log(result);

Die obige Tabelle listet die 9 Kernmethoden auf. Listener- und Versions-Helper sowie der vollständige Contract jeder Methode sind in der GitHub Repository.

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() auf, wenn der Screen unmountet, oder CapacitorAudioRecorder.removeAllListeners() auf, um alle Listener zu entfernen.

Vollständige Referenz

Weiter mit Using @capgo/capacitor-audio-recorder

Wenn du es nutzt Verwendung von @capgo/capacitor-audio-recorder , um natives Media- und Interface-Verhalten zu planen, verbinde es mit @capgo/capacitor-audio-recorder für die Implementierungsdetails in @capgo/capacitor-audio-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

Audio Recorder Plugin FAQ

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

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

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

Ja. Audio 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 Version von Capacitor unterstützt @capgo/capacitor-audio-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-audio-recorder kostenlos und Open Source?

Ja. Der code Source-Code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-audio-recorder/ einsehbar und das Paket kann kostenlos über npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Audio Recorder nutzen, um Updates ohne App Store Review zu pushen?

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.

Audio-Recorder-Änderungen ausrollen, ohne auf das App-Review zu warten

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