Passer à la navigation principale

Enregistreur audio plugin Capacitor

Enregistrez des sons sur iOS, Android et Web avec des contrôles simples et des formats

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 l'enregistreur audio dans Capacitor

Tester sur appareil

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

Prévisualisation du plugin Audio Recorder QR code

Utilisation de @capgo/capacitor-audio-recorder

Contrat du 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 code dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à jour du plugin.

Importer

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

Vue d'ensemble de API

Méthode Description
startRecording Enregistrez l'audio à l'aide du microphone de l'appareil.
pauseRecording Pause the ongoing recording. Only available on Android (API 24+), iOS, and Web.
resumeRecording Reprenez un enregistrement précédemment interrompu.
stopRecording Arrêtez l'enregistrement en cours et persistez l'audio enregistré.
cancelRecording Annulez l'enregistrement en cours et jetez l'audio capturé.
getRecordingStatus Récupérez l'état de l'enregistrement en cours.
getCurrentAmplitude Récupérez l'amplitude actuelle de l'entrée (niveau du microphone) sous forme de nombre normalisé dans la plage. [0, 1] range.
checkPermissions Demandez les autorisations pour accéder au microphone.
requestPermissions Demandez la permission d'accéder à l'appareil photo.

Examples

startRecording()

Enregistrez l'audio à l'aide du microphone de l'appareil.

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

await CapacitorAudioRecorder.startRecording();

pauseRecording()

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

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

await CapacitorAudioRecorder.pauseRecording();

resumeRecording()

Reprenez un enregistrement précédemment interrompu.

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

await CapacitorAudioRecorder.resumeRecording();

stopRecording()

Arrêtez l'enregistrement en cours et persistez l'audio enregistré.

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

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

cancelRecording()

Annulez l'enregistrement en cours et jetez l'audio capturé.

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

await CapacitorAudioRecorder.cancelRecording();

getRecordingStatus()

Récupérez l'état d'enregistrement actuel.

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

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

La table ci-dessus liste les 9 méthodes de base. Les aides aux listeners et aux versions, ainsi que le contrat complet de chaque méthode, sont documentés dans le le dépôt GitHub.

Écoutez les événements

addListener retourne un handle. Appelez handle.remove() lorsque l'écran est démonté, ou CapacitorAudioRecorder.removeAllListeners() pour supprimer tous les listeners.

Référence complète

Continuez à partir de l'utilisation de @capgo/capacitor-enregistreur-audio

Si vous utilisez L'utilisation de @capgo/capacitor-enregistreur-audio pour planifier le comportement des médias et de l'interface natives, connectez-l’avec @capgo/capacitor-enregistreur-audio pour les détails d'implémentation dans @capgo/capacitor-enregistreur-audio Prise en main pour les détails d'implémentation dans Prise en main, Utilisez @capgo/capacitor-activités-en-vive pour la capacité native dans Utilisez @capgo/capacitor-activités-en-vive @capgo/capacitor-activités-en-vive pour le détail d'implémentation dans @capgo/capacitor-activités-en-vive, et Utilisez @capgo/capacitor-joueur-de-videos pour la capacité native dans Utilisez @capgo/capacitor-joueur-de-videos.

FAQ

FAQ du plugin Audio Recorder

Comment puis-je 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 exécutez « bunx cap sync » afin que les projets iOS et Android prennent en charge le code natif. Importez-l’à partir de « @capgo/capacitor-audio-recorder » dans votre application code.

Le plugin @capgo/capacitor-audio-recorder fonctionne-t-il avec React, Vue et Angular?

Oui. Audio Recorder est un paquet Capacitor, il fonctionne donc avec tout framework web qui s'exécute à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript simple.

Quelle version de Capacitor est prise en charge 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 Capacitor (par exemple, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

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

Oui. Le code source code est public sur GitHub à https://github.com/Cap-go/capacitor-audio-recorder/ et le package est gratuit à installer depuis npm. Les rapports de bugs et les demandes de mise à jour sont les bienvenus.

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

L'installation ou la mise à niveau du plugin modifie le code natif code, il faut donc une nouvelle build de l'application. Une fois cela fait, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo en direct.

Ship Audio Recorder changes without waiting for app review

Une fois le plugin dans votre magasin de build, les mises à jour en direct Capgo poussent vos modifications de JavaScript, HTML et CSS vers les utilisateurs en quelques minutes.

Démarrer avec Capgo