Saltar al contenido principal
@capgo/capacitor-grabador-de-audio Multimedia Fuente abierta

Grabador de audio plugin de Capacitor

Grabar audio en iOS, Android y Web con controles simples y formatos

Instalar

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

Guía

Cómo usar el Grabador de Audio en Capacitor

Probar en dispositivo

Descargue la aplicación Capgo y escane el código QR code.

Previsualización del plugin de grabación de audio code

Usando @capgo/capacitor-grabación-de-audio

Contrato del plugin Capacitor para grabar audio

Instalar

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

bunx cap sync Copia el code nativo del plugin en tus proyectos nativos. Correlo nuevamente después de cada actualización del plugin

Importar

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

Vista general de API

Método Descripción
startRecording Inicie la grabación de audio utilizando el micrófono del dispositivo.
pauseRecording Pausar la grabación en curso. Solo disponible en Android (API 24+), iOS y Web.
resumeRecording Reanude una grabación previamente pausada.
stopRecording Detenga la grabación en curso y persista el audio grabado.
cancelRecording Cancelle la grabación en curso y descarte cualquier audio capturado.
getRecordingStatus Obtenga el estado de grabación actual.
getCurrentAmplitude Obtenga la amplitud de entrada actual (nivel del micrófono) como un número normalizado en el [0, 1] rango.
checkPermissions Devuelva el estado de permiso actual para acceder al micrófono.
requestPermissions Solicite permiso para acceder al micrófono.

Ejemplos

startRecording()

Comience a grabar audio utilizando el micrófono del dispositivo.

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

await CapacitorAudioRecorder.startRecording();

pauseRecording()

Detenga la grabación en curso. Solo disponible en Android (API 24+), iOS y Web.

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

await CapacitorAudioRecorder.pauseRecording();

resumeRecording()

Reanude una grabación previamente detenida.

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

await CapacitorAudioRecorder.resumeRecording();

stopRecording()

Detenga la grabación actual y persista el audio grabado.

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

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

cancelRecording()

Cancelle la grabación actual y descarte cualquier audio capturado.

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

await CapacitorAudioRecorder.cancelRecording();

getRecordingStatus()

Obtenga el estado de grabación actual.

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

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

La tabla anterior muestra los 9 métodos básicos. Los ayudantes de escucha y versiones, y el contrato completo de cada método, se documentan en el repositorio de GitHub.

Escuche eventos

addListener devuelve un manejador. Llame a handle.remove() cuando se desmonte la pantalla, o CapacitorAudioRecorder.removeAllListeners() para eliminar todos los escuchas.

Referencia completa

Sigue adelante desde Using @capgo/capacitor-grabadora-de-audio

Si estás utilizando Usando @capgo/capacitor-grabadora-de-audio para planificar el comportamiento de medios y interfaz nativa, conecta con @capgo/capacitor-grabadora-de-audio para los detalles de implementación en @capgo/capacitor-grabadora-de-audio Getting Started para los detalles de implementación en Inicio, Usando @capgo/capacitor-actividades-en-vivo para la capacidad nativa en Usando @capgo/capacitor-actividades-en-vivo, @capgo/capacitor-actividades-en-vivo para el detalle de implementación en @capgo/capacitor-actividades-en-vivo, y Usando @capgo/capacitor-reproductor-de-videos para la capacidad nativa en Usando @capgo/capacitor-reproductor-de-videos.

FAQ

FAQ para el plugin de grabadora de audio

Cómo instalo el plugin de grabadora de audio en una aplicación Capacitor?

Ejecuta "bun add @capgo/capacitor-grabadora de audio" (o "npm install @capgo/capacitor-grabadora de audio"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen la grabadora nativa code. Importa desde "@capgo/capacitor-grabadora de audio" en tu aplicación code.

¿Funciona @capgo/capacitor-grabadora de audio con React, Vue y Angular?

Sí. La grabadora de audio es un paquete Capacitor, por lo que funciona con cualquier framework web que se ejecute dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-grabadora de audio?

Los plugins Capgo siguen la versión mayor de Capacitor: utiliza la versión mayor del plugin que coincida con la versión mayor de Capacitor (por ejemplo, plugin v8 con Capacitor 8). La tabla de compatibilidad en el README del GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-grabador de audio gratuito y de código abierto?

Sí. El código fuente de code está disponible públicamente en GitHub en https://github.com/Cap-go/capacitor-grabador-de-audio/ y el paquete es gratuito para instalar desde npm. Se aceptan informes de errores y solicitudes de extracción.

Puedo actualizar code que utiliza el grabador de audio sin una revisión de la Tienda de Aplicaciones?

Instalar o actualizar el plugin cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar con actualizaciones Capgo en vivo.

Envía cambios de Grabadora de audio sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo envían cambios en JavaScript, HTML y CSS a los usuarios en minutos.

Comienza con Capgo