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

Audio-Recorder in Capacitor verwenden

Gerät testen

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

Vorschau-QR-code für den Audio-Recorder-Plugin

Mit @capgo/capacitor-audio-recorder

Capacitor-Plugin-Vertrag für die Aufnahmeeinstellungen

Installieren

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

bunx cap sync kopiert die native code des Plugins in Ihre native Projekte. Führen Sie es erneut aus, nachdem jede Plugin-Upgrade durchgeführt wurde.

Importieren

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

API im Überblick

Methode Beschreibung
startRecording Starten Sie das Aufzeichnen von Audio mithilfe des Gerätemikrofons.
pauseRecording Pausieren Sie die laufende Aufzeichnung. Nur auf Android (API 24+), iOS und Web verfügbar.
resumeRecording Fortsetzen Sie eine vorher pausierte Aufzeichnung.
stopRecording Beenden Sie die aktuelle Aufzeichnung und speichern Sie die aufgezeichnete Audio.
cancelRecording Stornieren Sie die aktuelle Aufzeichnung und werfen Sie alle aufgezeichneten Audio ab.
getRecordingStatus Abrufen Sie den aktuellen Aufzeichnungsstatus.
getCurrentAmplitude Aktualisiere die aktuelle Eingabeamplitude (Mikrofonlevel) als normalisierter Wert in der [0, 1] bereich.
checkPermissions Rufen Sie die aktuelle Berechtigungsanzeige für die Zugriff auf das Mikrofon ab.
requestPermissions Berechtigung zum Zugriff auf das Mikrofon anfordern.

Beispiele

startRecording()

Mit dem Gerätemikrofon beginnen Sie mit der Aufnahmeeinstellung.

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

await CapacitorAudioRecorder.startRecording();

pauseRecording()

Pausieren Sie die laufende Aufnahme. Nur auf Android (API 24+), iOS und Web verfügbar.

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

await CapacitorAudioRecorder.pauseRecording();

resumeRecording()

Wiederaufnahme einer vorherigen aufgehaltenen Aufnahme.

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

await CapacitorAudioRecorder.resumeRecording();

stopRecording()

Wiederaufnehmen Sie eine zuvor pausierte Aufzeichnung.

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

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

cancelRecording()

Beenden Sie die aktuelle Aufzeichnung und speichern Sie das aufgezeichnete Audio.

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

await CapacitorAudioRecorder.cancelRecording();

getRecordingStatus()

Abrufen Sie den aktuellen Aufnahmestatus.

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

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

Die Tabelle oben listet die 9 Kernmethoden. Helfer für Listener und Versionen sowie die vollständige Vertragsstruktur jeder Methode sind in der GitHub Repository.

Hören Sie auf Ereignisse

addListener eine Verbindung zurückgibt. Rufen Sie handle.remove() wenn das Bildschirm unmontiert wird, oder CapacitorAudioRecorder.removeAllListeners() um alle Listener zu löschen.

Vollständige Referenz

Fortsetzen Sie mit der Verwendung von @capgo/capacitor-audio-recorder

Wenn Sie @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-audio-recorder verwenden Mit @capgo/capacitor-Audio-Recorder um native Medien- und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-audio-recorder für die Implementierungsdetails in @capgo/capacitor-Audio-Recorder, Getting Started für die Implementierungsdetails in Einstieg Verwendung von @capgo/capacitor-live-Aktivitäten für die native Fähigkeit in @capgo/capacitor-live-Aktivitäten, @capgo/capacitor-live-Aktivitäten für die Implementierungsdetails in @capgo/capacitor-live-Aktivitäten, und Verwendung von @capgo/capacitor-Video-Player für die native Fähigkeit im @capgo/capacitor-Video-Player.

FAQ

Häufig gestellte Fragen

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

Run "bun add @capgo/capacitor-audio-recorder" (or "npm install @capgo/capacitor-audio-recorder"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-audio-recorder" in your app code.

Funktioniert @capgo/capacitor-Audio-Recorder mit React, Vue und Angular?

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

Welche Capacitor-Version unterstützt @capgo/capacitor-Audio-Recorder?

Capgo-Plugins folgen der Capacitor-Version: Wählen 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-Audio-Recorder kostenlos und Open-Source?

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

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

Die Installation oder Aktualisierung des Plugins ändert die native code, daher benötigt es eine neue Store-Build. Danach können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo-Live-Updates verschickt werden.

Schiffen Sie Audio-Recorder-Änderungen ohne auf eine App-Überprüfung zu warten

Einmal der Plugin in Ihrem Store-Build installiert, werden Capgo lebendige Updates Ihre JavaScript-, HTML- und CSS-Änderungen in Minuten an die Benutzer pushen.

Start mit Capgo