--- description: The Capacitor Audio Recorder plugin allows you to record audio in your Capacitor app with cross-platform support for Android, iOS, and web. title: Announcing the Audio Recorder Plugin for Capacitor - Capawesome image: https://capawesome.io/docs/assets/images/social/blog/announcing-the-capacitor-audio-recorder-plugin.png --- [ Skip to content](#announcing-the-capacitor-audio-recorder-plugin) [ πŸ” Introducing the **Capacitor Vault** plugin β€” store secrets behind biometrics or a device passcode.](/blog/announcing-the-capacitor-vault-plugin/) * [ SDKs ](/docs/sdks/) * [ Formbricks ](/docs/sdks/capacitor/formbricks/) * [ Geocoder ](/docs/sdks/capacitor/geocoder/) * [ Google Sign-In ](/docs/sdks/capacitor/google-sign-in/) * [ Grafana Faro ](/docs/sdks/capacitor/grafana-faro/) * [ libSQL ](/docs/sdks/capacitor/libsql/) * [ Live Update ](/docs/sdks/capacitor/live-update/) * [ Managed Configurations ](/docs/sdks/capacitor/managed-configurations/) * [ Media Session ](/docs/sdks/capacitor/media-session/) * [ ML Kit ](/docs/sdks/capacitor/mlkit/) * [ Navigation Bar ](/docs/sdks/capacitor/navigation-bar/) * [ NFC ](/docs/sdks/capacitor/nfc/) * [ OAuth ](/docs/sdks/capacitor/oauth/) * [ Pedometer ](/docs/sdks/capacitor/pedometer/) * [ Photo Editor ](/docs/sdks/capacitor/photo-editor/) * [ PostHog ](/docs/sdks/capacitor/posthog/) * [ Printer ](/docs/sdks/capacitor/printer/) * [ Purchases ](/docs/sdks/capacitor/purchases/) * [ RealtimeKit ](/docs/sdks/capacitor/realtimekit/) * [ Screen Orientation ](/docs/sdks/capacitor/screen-orientation/) * [ Screenshot ](/docs/sdks/capacitor/screenshot/) * [ Secure Preferences ](/docs/sdks/capacitor/secure-preferences/) * [ Speech Recognition ](/docs/sdks/capacitor/speech-recognition/) * [ Speech Synthesis ](/docs/sdks/capacitor/speech-synthesis/) * [ Share Target ](/docs/sdks/capacitor/share-target/) * [ Square Mobile Payments ](/docs/sdks/capacitor/square-mobile-payments/) * [ SQLite ](/docs/sdks/capacitor/sqlite/) * [ Superwall ](/docs/sdks/capacitor/superwall/) * [ Torch ](/docs/sdks/capacitor/torch/) * [ Vault ](/docs/sdks/capacitor/vault/) * [ Wifi ](/docs/sdks/capacitor/wifi/) * [ Zip ](/docs/sdks/capacitor/zip/) * [ Cordova ](/docs/sdks/cordova/) * [ Cloud ](/docs/cloud/) * [ Integrations ](/docs/cloud/live-updates/integrations/) * Concepts * Reference * [ Troubleshooting ](/docs/cloud/live-updates/troubleshooting/) * [ FAQ ](/docs/cloud/live-updates/faq/) * [ Native Builds ](/docs/cloud/native-builds/) * [ Set Up Environments ](/docs/cloud/native-builds/environments/) * [ Overwrite Native Configurations ](/docs/cloud/native-builds/native-configurations/) * [ Auto-Increment Build Numbers ](/docs/cloud/native-builds/auto-incrementing-build-numbers/) * [ Configure the Web Build Script ](/docs/cloud/native-builds/web-build-script/) * [ Build from a Monorepo ](/docs/cloud/native-builds/monorepo/) * [ Use pnpm or Yarn ](/docs/cloud/native-builds/package-managers/) * [ Install Private npm Packages ](/docs/cloud/native-builds/npm-private-registry/) * [ Override the Java Version ](/docs/cloud/native-builds/override-java-version/) * [ Custom iOS Provisioning Profiles ](/docs/cloud/native-builds/custom-ios-provisioning-profiles/) * [ Build without Git ](/docs/cloud/native-builds/build-without-git/) * [ Access Git Behind a Firewall ](/docs/cloud/native-builds/firewall-access/) * [ Integrations ](/docs/cloud/native-builds/integrations/) * Reference * [ Troubleshooting ](/docs/cloud/native-builds/troubleshooting/) * [ FAQ ](/docs/cloud/native-builds/faq/) * [ App Store Publishing ](/docs/cloud/app-store-publishing/) * [ Submit a Build ](/docs/cloud/app-store-publishing/submit-a-build/) * [ Submit Automatically After a Build ](/docs/cloud/app-store-publishing/submit-automatically/) * [ Troubleshooting ](/docs/cloud/app-store-publishing/troubleshooting/) * [ FAQ ](/docs/cloud/app-store-publishing/faq/) * [ Automations ](/docs/cloud/automations/) * [ Reference ](/docs/cloud/automations/reference/) * [ Troubleshooting ](/docs/cloud/automations/troubleshooting/) * [ FAQ ](/docs/cloud/automations/faq/) * [ Assist ](/docs/cloud/assist/) * [ CLI ](/docs/cloud/cli/) * APIs and SDKs * [ Webhooks ](/docs/cloud/webhooks/) * [ Integrations ](/docs/cloud/integrations/) * Account * [ Organization ](/docs/cloud/organizations/) * [ Two-Factor Enforcement ](/docs/cloud/organizations/two-factor-authentication/) * [ Audit Logs ](/docs/cloud/organizations/audit-logs/) * [ Billing ](/docs/cloud/organizations/billing/) * [ License Keys ](/docs/cloud/license-keys/) * [ AI ](/docs/ai/) * [ Insiders ](/docs/insiders/) * [ Billing & Plans ](/docs/insiders/billing-and-plans/) * [ FAQ ](/docs/insiders/faq/) * [ License ](https://capawesome.io/legal/eula/) * [ Support ](/docs/support/) * [ Contributing ](/docs/contributing/) * Contributing code * [ Code of Conduct ](/docs/contributing/code-of-conduct/) * [ Questions ](https://docs.github.com/en/discussions/collaborating-with-your-community-using-discussions/participating-in-a-discussion#creating-a-discussion) * [ Blog ](/blog/) * Categories * [ Conclusion ](#conclusion) * Related links # Announcing the Capacitor Audio Recorder Plugin[ΒΆ](#announcing-the-capacitor-audio-recorder-plugin "Permanent link") Today we are excited to announce our brand new [Capacitor Audio Recorder plugin](/docs/sdks/capacitor/audio-recorder/). This plugin enables recording audio in your Capacitor app and provides cross-platform support for Android, iOS and web. It's available to all Capawesome [Insiders](/docs/insiders/). Let's take a quick look at the [API](/docs/sdks/capacitor/audio-recorder/#api) and how you can use the plugin to record audio. ## Installation[ΒΆ](#installation "Permanent link") To install the Capacitor Audio Recorder plugin, please refer to the [Installation](/docs/sdks/capacitor/audio-recorder/#installation) section in the plugin documentation. ## Usage[ΒΆ](#usage "Permanent link") The plugin is very easy to use. Let's take a look at the basic usage of the plugin. ### Start recording[ΒΆ](#start-recording "Permanent link") You can immediately start recording audio with the [startRecording()](/docs/sdks/capacitor/audio-recorder/#startrecording) method: `[](#%5F%5Fcodelineno-0-1)import { AudioRecorder } from "@capawesome-team/capacitor-audio-recorder"; [](#%5F%5Fcodelineno-0-2) [](#%5F%5Fcodelineno-0-3)const startRecording = async () => { [](#%5F%5Fcodelineno-0-4) await AudioRecorder.startRecording(); [](#%5F%5Fcodelineno-0-5)}; ` There are no additional parameters required. ### Pause recording[ΒΆ](#pause-recording "Permanent link") You can pause the recording at any time with the [pauseRecording()](/docs/sdks/capacitor/audio-recorder/#pauserecording) method: `[](#%5F%5Fcodelineno-1-1)import { AudioRecorder } from "@capawesome-team/capacitor-audio-recorder"; [](#%5F%5Fcodelineno-1-2) [](#%5F%5Fcodelineno-1-3)const pauseRecording = async () => { [](#%5F%5Fcodelineno-1-4) await AudioRecorder.pauseRecording(); [](#%5F%5Fcodelineno-1-5)}; ` ### Resume recording[ΒΆ](#resume-recording "Permanent link") After pausing the recording, you can resume it with the [resumeRecording()](/docs/sdks/capacitor/audio-recorder/#resumerecording) method: `[](#%5F%5Fcodelineno-2-1)import { AudioRecorder } from "@capawesome-team/capacitor-audio-recorder"; [](#%5F%5Fcodelineno-2-2) [](#%5F%5Fcodelineno-2-3)const resumeRecording = async () => { [](#%5F%5Fcodelineno-2-4) await AudioRecorder.resumeRecording(); [](#%5F%5Fcodelineno-2-5)}; ` ### Stop recording[ΒΆ](#stop-recording "Permanent link") Finally, you can stop the recording with the [stopRecording()](/docs/sdks/capacitor/audio-recorder/#stoprecording) method: `[](#%5F%5Fcodelineno-3-1)import { AudioRecorder } from '@capawesome-team/capacitor-audio-recorder'; [](#%5F%5Fcodelineno-3-2)import { NativeAudio } from '@capacitor-community/native-audio'; [](#%5F%5Fcodelineno-3-3) [](#%5F%5Fcodelineno-3-4)const stopRecording = async () => { [](#%5F%5Fcodelineno-3-5) // Stop recording and get the audio blob or URI [](#%5F%5Fcodelineno-3-6) const { blob, uri } = await AudioRecorder.stopRecording(); [](#%5F%5Fcodelineno-3-7) // Play the audio [](#%5F%5Fcodelineno-3-8) if (blob) { [](#%5F%5Fcodelineno-3-9) // Only available on Web [](#%5F%5Fcodelineno-3-10) const audio = new Audio(); [](#%5F%5Fcodelineno-3-11) audio.src = URL.createObjectURL(blob); [](#%5F%5Fcodelineno-3-12) audio.play(); [](#%5F%5Fcodelineno-3-13) } else if (uri) { [](#%5F%5Fcodelineno-3-14) // Only available on Android and iOS [](#%5F%5Fcodelineno-3-15) await NativeAudio.preload({ [](#%5F%5Fcodelineno-3-16) assetId: 'recording', [](#%5F%5Fcodelineno-3-17) assetPath: uri, [](#%5F%5Fcodelineno-3-18) isUrl: true, [](#%5F%5Fcodelineno-3-19) }); [](#%5F%5Fcodelineno-3-20) await NativeAudio.play({ assetId: 'recording' }); [](#%5F%5Fcodelineno-3-21) } [](#%5F%5Fcodelineno-3-22)}; ` This method returns a `blob` or `uri` depending on the platform. The `blob` is only available on web, while the `uri` is only available on Android and iOS. You can then upload the audio file to your server or play it back in your app. ### Get recording status[ΒΆ](#get-recording-status "Permanent link") Additionally, you can check the recording status at any time with the [getRecordingStatus()](/docs/sdks/capacitor/audio-recorder/#getrecordingstatus) method: `[](#%5F%5Fcodelineno-4-1)import { AudioRecorder } from "@capawesome-team/capacitor-audio-recorder"; [](#%5F%5Fcodelineno-4-2) [](#%5F%5Fcodelineno-4-3)const getRecordingStatus = async () => { [](#%5F%5Fcodelineno-4-4) const { status } = await AudioRecorder.getRecordingStatus(); [](#%5F%5Fcodelineno-4-5) console.log("Recording status:", status); [](#%5F%5Fcodelineno-4-6)}; ` This method returns the current recording status, which can be either `INACTIVE`, `RECORDING` or `PAUSED`. ## Conclusion[ΒΆ](#conclusion "Permanent link") We hope you are as excited as we are about the new [Capacitor Audio Recorder plugin](/docs/sdks/capacitor/audio-recorder/). Be sure to check out the [API Reference](/docs/sdks/capacitor/audio-recorder/#api) to see what else you can do with this plugin. If you are missing any features, just [create a feature request](https://github.com/capawesome-team/capacitor-plugins/issues/new/choose) in the [GitHub repository](https://github.com/capawesome-team/capacitor-plugins). Make sure you follow us on [X](https://x.com/capawesomeio) so you don't miss any future updates. June 8, 2026 Back to top