Wie wir mit der ElevenLabs SFX API ein Soundboard erstellt haben

Stellen Sie sich ein Soundboard vor, das auf Abruf unbegrenzt viele Sounds generieren kann. Genau das haben wir bei ElevenLabs entwickelt — lernen Sie SB1 kennen, unser unendliches Soundboard. Auf den ersten Blick sieht es aus wie ein typisches Raster aus Pads, die Sie per Klick oder Tastenkürzel auslösen. Im Hintergrund arbeitet unser KI-Audiomodell für Soundeffekte aus Text.

Beschreiben Sie einfach jeden Sound, der Ihnen einfällt, und SB1 generiert ihn. Es gibt auch einige vordefinierte Standardsounds, die Sie jedoch ebenfalls ersetzen können.

Von der Idee zum Prototyp

Wir begannen mit einer einfachen Frage: Was wäre, wenn Sie eine Beschreibung wie „sanfte atmosphärische Waldgeräusche“ oder „dramatisches Keuchen des Publikums“ eingeben und einen sofort nutzbaren Soundeffekt erhalten könnten?

Herkömmliche Soundboards basieren auf statischen MP3-Bibliotheken, die Sie online suchen müssen. Selbst wenn Sie einen passenden Sound finden, entspricht er oft nicht „genau“ Ihren Vorstellungen. Mit generativer KI ist das kein Problem mehr. Sie sind nicht länger eingeschränkt.

Bevor wir mit dem Code begannen, nutzten wir Lovable, um einen einfachen Prototypen von SB1 zu erstellen. Noch nicht mit der API verbunden, gab er uns die Möglichkeit, Designentscheidungen und die Platzierung von Buttons zu testen, bevor unser Team die finale UI und den Code entwickelte.

Wir wollten dynamische Inhalte — jeden Sound, direkt generiert. Der Kern unserer Lösung ist die ElevenLabs SFX API. Die API verfügt über einen einzigen Endpunkt:

POST https://api.elevenlabs.io/v1/sound-generation

Sie senden eine JSON-Nutzlast mit Ihrem Prompt, der gewünschten Anzahl an Varianten (standardmäßig vier) und Ihrem API-Schlüssel im Authorization-Header.

Die Antwort liefert ein Array von URLs, die auf generierte WAV-Dateien verweisen. Diese können Sie streamen oder herunterladen und jeden Clip einem Pad zuweisen. Sie können sogar eine Schleife festlegen. Verwenden Sie präzise Prompts für mehr Details.

Eine Beispielanfrage sieht so aus:

{
  "prompt": "rain hitting the roof of a tent",
  "n": 4,
  "format": "wav"
}

Sie erhalten dann ein Array mit vier URLs. Wir haben die API so entwickelt, dass sie für jeden Anwendungsfall skaliert — von der spontanen Erstellung eines Soundboards bis zur Massengenerierung von Assets für Spiele.

Die SB1-Oberfläche entwickeln

Mit der API als Grundlage wandten wir uns dem Frontend zu. SB1 ist eine Web-App, die mit React und Tailwind CSS entwickelt wurde. Jede Pad-Komponente verfügt über zwei Modi:

1. Preset: lädt einen gespeicherten Satz von Sound-URLs
2. Benutzerdefiniert: vom Nutzer über die SFX API generiert

Wenn Sie im benutzerdefinierten Modus auf ein leeres Pad klicken, erscheint ein Prompt-Dialog. Sie geben Ihre Beschreibung ein, klicken auf Generieren, und die API liefert vier Optionen. Sie können sie direkt anhören, Ihren Favoriten auswählen, und das Pad wird sofort aktualisiert. Mit Tastenzuweisungen lösen Sie Pads per Tastendruck aus und können so Rhythmen oder Sound-Cues live spielen.

Wir haben auch Loop-Steuerungen hinzugefügt. Drücken Sie einfach den Loop-Button, tippen Sie auf den Sound, den Sie wiederholen möchten, und er wird abgespielt, bis Sie ihn loslassen. Das macht SB1 nicht nur für Witze nützlich — denken Sie an Drum Machines und atmosphärische Klangwelten — sondern auch für Podcasts, Sound-Cues bei Livestreams und geführte Meditationen.

Beispiele im Einsatz

Atmosphärische Klangwelt

• Leichter Regen: „leichter Regen, der auf Blätter tropft“

• Starker Regen: „starker Regen auf einem Blechdach“

• Meereswellen: sanfte Wellen, die an ein Ufer rollen

Wir generierten jeden Sound mit Prompts wie „leichter Regen, der auf Blätter tropft“ und „sanfte Wellen, die an ein Ufer rollen“. Anschließend stellten wir diese Pads auf Loop, um einen Hintergrund für Konzentration oder Meditation zu schaffen.

Drum Machine

• 808-Kick: „sehr bassiger 808-Kick“

• Snare-Schlag: „knackiger Snare-Schlag“

• Offenes Becken: „ausklingendes offenes Becken“

Sie benötigen keine Audio-Samples aus einer Drum-Bibliothek. Beschreiben Sie einfach „sehr bassiger 808-Kick“ oder „knackiger Snare-Schlag“, und die API liefert Ihnen vier Versionen zum Anhören. Für eine Live-Performance-Demo haben wir sie den Tasten A, S und D zugeordnet.

Wenn Sie das Modell wirklich ausreizen möchten, können Sie damit auch kurze Sprachclips im Stil einer Figur erstellen. Geben Sie einfach die Figur an und setzen Sie die Worte in Anführungszeichen.

• Aufgedrehter DJ: Aufgedrehter DJ sagt: „Lasst uns die Party starten“

• Ork auf Mission: Ork sagt mit rauer Stimme: „Dieser Raum ist überfüllt“

• Sirenenlied: Unheimliche weibliche Stimme singt: „Zeit, nach Hause ins Bett zu gehen, die Party ist vorbei“

Benutzerdefinierte Presets

Sie können eigene Presets speichern und benennen — zum Beispiel „Livestream FX“ mit Keuchen, Lachen und Applaus. Nachdem Sie Ihr Board erstellt haben, klicken Sie auf Teilen, um einen Link zu kopieren oder ihn direkt in sozialen Medien zu posten. Jeder mit diesem Link lädt Ihre SB1-Konfiguration und kann Ihre kuratierten Sounds abspielen.

Wichtige Erkenntnisse für Entwickler

• Statuslose Generierung: Jeder API-Aufruf ist unabhängig. Sie müssen keine Trainingspipeline verwalten oder große Sample-Bibliotheken speichern — cachen Sie einfach die URLs, die Sie in Ihrer UI verwenden.
• Geringe Latenz: Die typische Generierungszeit liegt unter zwei Sekunden und wirkt bei einer Feature-Demo sofortig.
• Skalierbar: Sie können Hunderte von Sounds parallel im Batch generieren und sie dann für Anwendungen mit hohem Datenverkehr in Ihrem eigenen CDN speichern.
• Flexible Formate: WAV für höchste Klangtreue, MP3, wenn Sie kleinere Dateien benötigen.

Um selbst zu starten, sehen Sie sich unsere Dokumentation an. Dort finden Sie Codebeispiele in JavaScript, Python und cURL, die zeigen, wie Sie die SFX API in Ihre Projekte integrieren.

Wie geht es weiter?

SB1 ist nur eine Demo dessen, was unser Modell für Soundeffekte leisten kann. Wir prüfen Plugins für OBS und digitale Audio-Workstations, damit Sie neue Sounds generieren können, ohne Ihre Streaming- oder Produktionssoftware zu verlassen. Außerdem optimieren wir das Modell, um die Leistung bei musikbezogenen Prompts zu verbessern — etwa für exotische Percussion oder Synthesizer-Texturen.

Wenn Sie etwas Interessantes entwickeln, möchten wir es sehen. Markieren Sie uns in sozialen Medien oder teilen Sie Ihren Preset-Link. Ob Streamer, Podcaster, Spieleentwickler oder einfach jemand, der gerne mit Sound spielt: SB1 und die SFX API geben Ihnen unbegrenzte Audio-Kreativität an die Hand.

Testen Sie es noch heute kostenlos — keine MP3-Bibliothek erforderlich.