Cómo creamos un soundboard usando la SFX API de ElevenLabs

Imagina un soundboard capaz de generar sonidos ilimitados al instante. Eso es justo lo que hemos creado en ElevenLabs: te presentamos SB1, nuestro soundboard infinito. A simple vista, parece una cuadrícula típica de pads que puedes activar con clics o atajos de teclado. Pero por dentro, funciona gracias a nuestro modelo de audio IA de texto a efectos de sonido.

Solo tienes que describir el sonido que quieras y SB1 lo genera. También hay algunos sonidos predeterminados, pero puedes cambiarlos por completo.

De la idea al prototipo

Empezamos con una pregunta sencilla: ¿y si pudieras escribir una descripción como “sonidos suaves de bosque” o “suspiro dramático del público” y obtener un efecto de sonido listo para usar?

Los soundboards tradicionales dependen de librerías MP3 estáticas que tienes que buscar por internet. Incluso si encuentras un sonido adecuado, muchas veces no es exactamente lo que querías. Con IA generativa, eso ya no es un problema. No tienes límites.

Antes de ponernos con el código, recurrimos a Lovable para crear un prototipo básico de lo que sería SB1. Aún sin conectar a la API, nos permitió experimentar con el diseño y la colocación de los botones, antes de que nuestro equipo creara la interfaz y el código final.

Queríamos contenido dinámico: cualquier sonido, generado al momento. El núcleo de nuestra solución es la SFX API de ElevenLabs. La API funciona a través de una única ruta de API:

Envías un JSON con tu prompt, el número de variaciones que quieres (por defecto son cuatro) y tu clave de API en la cabecera de autorización.

La respuesta devuelve un array de URLs que apuntan a archivos WAV generados. Desde ahí puedes reproducirlos, descargarlos y asignar cada clip a un pad. Incluso puedes activar el modo loop. Usa prompts descriptivos para obtener más detalle.

Una petición de ejemplo sería así:

Y recibirás un array con cuatro URLs. Diseñamos la API para que se adapte a cualquier caso de uso: desde crear soundboards al vuelo hasta generar efectos en masa para videojuegos.

Cómo construimos la interfaz de SB1

Con la API lista, pasamos al front-end. SB1 es una web app creada con React y Tailwind CSS. Cada pad tiene dos modos:

1. Preset: carga sonidos de un set guardado de URLs
2. Personalizado: generado por el usuario a través de la SFX API

Cuando haces clic en un pad vacío en modo personalizado, aparece un cuadro de diálogo. Escribes tu descripción, pulsas Generar y la API te devuelve cuatro opciones. Puedes escucharlas ahí mismo, eliges tu favorita y el pad se actualiza al instante. También puedes activar pads con el teclado, así puedes tocar ritmos o lanzar sonidos en directo.

También añadimos controles de loop. Solo tienes que pulsar el botón de loop, tocar el sonido que quieres repetir y seguirá sonando hasta que lo detengas. Así, SB1 no solo sirve para bromas —piensa en cajas de ritmos o ambientes— sino también para podcasting, directos o meditaciones guiadas.

Ejemplos en acción

Paisaje sonoro ambiental

• Lluvia suave: "lluvia suave cayendo sobre hojas"

• Lluvia intensa: "lluvia fuerte sobre un tejado de metal"

• Olas del mar: olas suaves llegando a la orilla

Generamos cada sonido enviando prompts como “lluvia suave cayendo sobre hojas” y “olas suaves llegando a la orilla”. Luego pusimos esos pads en loop para crear un fondo perfecto para concentrarse o meditar.

Caja de ritmos

• Bombo 808: "bombo 808 con mucho grave"

• Caja: "golpe de caja seco"

• Platillo abierto: "platillo abierto resonando"

No necesitas muestras de audio de una librería de baterías. Solo describe “bombo 808 con mucho grave” o “golpe de caja seco” y la API te da cuatro versiones para probar. Los asignamos a las teclas A, S y D para una demo en directo.

Si quieres ir más allá, también puedes crear frases cortas con la voz de un personaje. Solo tienes que indicar el personaje y poner las palabras entre corchetes.

• DJ animado: DJ animado diciendo "Vamos a empezar la fiesta"

• Orco en misión: Orco con voz grave diciendo: "Esta sala está llena"

• Canto de sirena: Voz femenina misteriosa cantando: "Hora de irse a la cama, la fiesta se acabó"

Presets personalizados

Puedes guardar y nombrar tus propios presets, por ejemplo “FX para directos” con suspiro, risa y aplausos. Cuando tengas tu board listo, haz clic en Compartir para copiar el enlace o publicarlo directamente en redes sociales. Cualquiera con el enlace puede cargar tu configuración de SB1 y usar tus sonidos.

Notas para desarrolladores

• Generación sin estado: Cada llamada a la API es independiente. No necesitas gestionar pipelines de entrenamiento ni almacenar grandes librerías de muestras: solo guarda las URLs que uses en tu interfaz.
• Baja latencia: El tiempo de generación suele ser inferior a dos segundos, así que la función parece instantánea en las demos.
• Escalable: Puedes generar cientos de sonidos en paralelo y guardarlos en tu propio CDN para soportar mucho tráfico.
• Formatos flexibles: WAV para máxima calidad, MP3 si necesitas archivos más pequeños.

Si quieres probarlo tú mismo, echa un vistazo a nuestra documentación. Encontrarás ejemplos de código en JavaScript, Python y cURL para integrar la SFX API en tus proyectos.

¿Qué viene ahora?

SB1 es solo una demo de lo que puede hacer nuestro modelo de efectos de sonido. Estamos explorando plugins para OBS y estaciones de trabajo de audio digital, así puedes generar nuevos sonidos sin salir de tu software de streaming o producción. También estamos afinando el modelo para mejorar los resultados con prompts musicales: piensa en percusión exótica o texturas de sintetizador.

Si creas algo interesante, queremos verlo. Etiquétanos en redes sociales o comparte tu enlace de preset. Seas streamer, podcaster, desarrollador de videojuegos o simplemente te guste experimentar con el sonido, SB1 y la SFX API te dan creatividad de audio sin límites.

Pruébalo gratis hoy mismo — no necesitas librerías MP3.