Saltar al contenido principal
@capgo/capacitor-speech-synthesis Multimedia Código abierto

Síntesis de voz plugin Capacitor

Sintetiza voz a partir de texto con control total sobre idioma, voz, tono, velocidad y volumen.

Instalar

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

Guía

Cómo usar Speech Synthesis en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa del plugin Speech Synthesis QR code

Usando @capgo/capacitor-speech-synthesis

Plugin Speech Synthesis para convertir texto a voz.

Instalar

bun add @capgo/capacitor-speech-synthesis
bunx cap sync

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

API de un vistazo

Método Descripción
speak Lee el texto indicado con las opciones especificadas. La locución se añade a la cola de reproducción.
synthesizeToFile Sintetiza la voz en un archivo de audio (solo Android/iOS). Devuelve la ruta del archivo guardado.
cancel Cancela todas las locuciones en cola y detiene la reproducción actual.
pause Pausa la reproducción de voz inmediatamente.
resume Reanuda la voz pausada.
isSpeaking Comprueba si la síntesis de voz está reproduciendo actualmente.
isAvailable Comprueba si la síntesis de voz está disponible en el dispositivo.
getVoices Obtiene todas las voces disponibles.
getLanguages Obtiene todos los idiomas disponibles.
isLanguageAvailable Comprueba si un idioma específico está disponible.
isVoiceAvailable Comprueba si una voz específica está disponible.
initialize Inicializa el motor de síntesis de voz (optimizado para iOS). Esto puede reducir la latencia en la primera petición de voz.
activateAudioSession Activa la sesión de audio con una categoría específica (solo iOS).
deactivateAudioSession Desactiva la sesión de audio (solo iOS).

Ejemplos

speak()

Lee el texto indicado con las opciones especificadas. La locución se añade a la cola de voz.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

const result = await SpeechSynthesis.speak({
  text: 'Hello, world!',
  language: 'en-US',
  rate: 1.0,
  pitch: 1.0,
  volume: 1.0,
  queueStrategy: 'Add'
});
console.log('Utterance ID:', result.utteranceId);

synthesizeToFile()

Sintetiza la voz en un archivo de audio (solo Android/iOS). Devuelve la ruta del archivo donde se guardó el audio.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

const result = await SpeechSynthesis.synthesizeToFile({
  text: 'Hello, world!',
  language: 'en-US'
});
console.log('Audio file saved at:', result.filePath);

cancel()

Cancela todas las locuciones en cola y detiene la voz actual.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

await SpeechSynthesis.cancel();

pause()

Pausa la voz inmediatamente.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

await SpeechSynthesis.pause();

resume()

Reanuda la voz pausada.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

await SpeechSynthesis.resume();

isSpeaking()

Comprueba si la síntesis de voz está reproduciéndose actualmente.

import { SpeechSynthesis } from '@capgo/capacitor-speech-synthesis';

const { isSpeaking } = await SpeechSynthesis.isSpeaking();
console.log('Is speaking:', isSpeaking);

La tabla anterior lista los 14 métodos principales. Los helpers de listener y de versión, y el contrato completo de cada método, están documentados en el repositorio GitHub.

Escuchar eventos

addListener devuelve un handle. Llama handle.remove() cuando la pantalla se desmonte, o SpeechSynthesis.removeAllListeners() para limpiar todos los listeners.

Referencia completa

Continuar desde Usando @capgo/capacitor-speech-synthesis

Si estás usando Usando @capgo/capacitor-speech-synthesis para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-speech-synthesis por los detalles de implementación en @capgo/capacitor-speech-synthesis, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.

FAQ

FAQ del plugin Speech Synthesis

¿Cómo instalo el plugin Speech Synthesis en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-speech-synthesis" (o "npm install @capgo/capacitor-speech-synthesis"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android reconozcan el code nativo. Impórtalo desde "@capgo/capacitor-speech-synthesis" en el code de tu app.

¿Funciona @capgo/capacitor-speech-synthesis con React, Vue y Angular?

Sí. Speech Synthesis es un paquete de Capacitor, así que funciona con cualquier framework web que corra dentro de Capacitor, incluidos Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-speech-synthesis?

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

¿@capgo/capacitor-speech-synthesis es gratis y de código abierto?

Sí. El código fuente de code es público en GitHub, en https://github.com/Cap-go/capacitor-speech-synthesis/, y el paquete se puede instalar gratis desde npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Speech Synthesis sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Lanza cambios de Speech Synthesis sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo