Aller au contenu principal

Enregistreur audio Plugin Capacitor

Enregistrez de l'audio sur iOS, Android et le Web avec des contrôles et formats simples

Installer

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

Guide

Comment utiliser Audio Recorder dans Capacitor

Tester sur l'appareil

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

Aperçu du plugin Audio Recorder QR code

Utiliser @capgo/capacitor-audio-recorder

Le plugin Capacitor pour l'enregistrement audio.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
startRecording Commence l'enregistrement audio via le microphone de l'appareil.
pauseRecording Met en pause l'enregistrement en cours. Disponible uniquement sur Android (API 24+), iOS et Web.
resumeRecording Reprend un enregistrement précédemment mis en pause.
stopRecording Arrête l'enregistrement actuel et sauvegarde l'audio enregistré.
cancelRecording Annule l'enregistrement actuel et supprime l'audio capturé.
getRecordingStatus Récupère le statut de l'enregistrement en cours.
getCurrentAmplitude Récupère l'amplitude d'entrée actuelle (niveau du micro) sous la forme d'un nombre normalisé dans la [0, 1] plage.
checkPermissions Retourne l'état actuel des permissions pour l'accès au microphone.
requestPermissions Demande l'autorisation d'accéder au microphone.

Exemples

startRecording()

Commencez l'enregistrement audio via le micro de l'appareil.

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

await CapacitorAudioRecorder.startRecording();

pauseRecording()

Mettez en pause l'enregistrement en cours. Disponible uniquement sur Android (API 24+), iOS et le Web.

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

await CapacitorAudioRecorder.pauseRecording();

resumeRecording()

Reprenez un enregistrement précédemment mis en pause.

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

await CapacitorAudioRecorder.resumeRecording();

stopRecording()

Arrêtez l'enregistrement actuel et sauvegardez l'audio enregistré.

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

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

cancelRecording()

Annulez l'enregistrement actuel et supprimez l'audio capturé.

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

await CapacitorAudioRecorder.cancelRecording();

getRecordingStatus()

Récupérez le statut de l'enregistrement actuel.

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

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

Le tableau ci-dessus liste les 9 méthodes principales. Les helpers de version et de listener, ainsi que le contrat complet de chaque méthode, sont documentés dans la dépôt GitHub.

Écouter les événements

addListener renvoie un handle. Appelez handle.remove() lors du démontage de l'écran, ou CapacitorAudioRecorder.removeAllListeners() pour supprimer tous les listeners.

Référence complète

Continuer depuis « Utiliser @capgo/capacitor-audio-recorder »

Si vous utilisez Utiliser @capgo/capacitor-audio-recorder pour planifier le comportement des médias et de l'interface natifs, connectez-l’à @capgo/capacitor-audio-recorder pour les détails d'implémentation dans @capgo/capacitor-audio-recorder, Prise en main pour les détails d'implémentation dans Getting Started Utiliser @capgo/capacitor-live-activities pour la capacité native dans Utiliser @capgo/capacitor-live-activities @capgo/capacitor-live-activities pour les détails d'implémentation dans @capgo/capacitor-live-activities, et Utiliser @capgo/capacitor-video-player pour la capacité native dans l'utilisation de @capgo/capacitor-video-player.

FAQ

FAQ du plugin Audio Recorder

Comment installer le plugin Audio Recorder dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-audio-recorder" (ou "npm install @capgo/capacitor-audio-recorder"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-audio-recorder" dans votre code.

Est-ce que @capgo/capacitor-audio-recorder fonctionne avec React, Vue et Angular ?

Oui. Audio Recorder est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et en JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-audio-recorder ?

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

Est-ce que @capgo/capacitor-audio-recorder est gratuit et open source ?

Oui. Le code source de code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-audio-recorder/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Audio Recorder sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements d'Audio Recorder sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo