Så skapade vi en soundboard med ElevenLabs SFX API

Tänk dig en soundboard som kan generera obegränsat med ljud på begäran. Det är precis vad vi byggde på ElevenLabs — möt SB1, vår obegränsade soundboard. På ytan ser den ut som ett typiskt rutnät av pads som du aktiverar med klick eller kortkommandon. Under huven drivs den av vår AI-ljudmodell för text-till-ljudeffekter.

För att använda den beskriver du bara vilket ljud du än kan tänka dig, så genererar SB1 det. Det finns också några fördefinierade standardljud, men även de kan bytas ut.

Från idé till prototyp

Vi började med en enkel fråga: Tänk om du kunde skriva en beskrivning, som ”mjuka stämningsfulla skogsljud” eller ”dramatiskt flämtande från publiken”, och få en ljudeffekt som är klar att använda?

Traditionella soundboards bygger på statiska MP3-bibliotek som du måste leta upp på nätet. Även om du hittar ett passande ljud är det ofta inte ”exakt” det du ville ha. Men med generativ AI är det inte längre ett problem. Du är inte längre begränsad.

Innan vi satte igång med koden använde vi Lovable för att skapa en enkel prototyp av det som skulle bli SB1. Den var ännu inte kopplad till API:et, men gav oss möjlighet att experimentera med designval och knappplaceringar innan vårt fantastiska team skapade det slutliga gränssnittet och koden.

Vi ville ha dynamiskt innehåll — vilket ljud som helst, genererat direkt. Kärnan i vår lösning är ElevenLabs SFX API. API:et har en enda endpoint:

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

Du skickar en JSON-payload med din prompt, antalet variationer du vill ha (standard är fyra) och din API-nyckel i Authorization-headern.

Svaret innehåller en array med URL:er som pekar på genererade WAV-filer. Därifrån kan du streama eller ladda ned och tilldela varje klipp till en pad. Du kan även ställa in loopning. Använd beskrivande promptar för mer detaljerade resultat.

En exempelbegäran ser ut så här:

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

Du får sedan tillbaka en array med fyra URL:er. Vi utformade API:et för att det ska kunna skalas till alla användningsområden — från att skapa soundboards vid behov till massgenerering av spelresurser.

Bygga SB1-gränssnittet

När API:et var på plats gick vi vidare till front-end. SB1 är en webbapp byggd med React och Tailwind CSS. Varje pad-komponent har två lägen:

1. Förinställning: läser in från en sparad uppsättning ljud-URL:er
2. Anpassat: användargenererat via SFX API

När du klickar på en tom pad i anpassat läge visas en promptdialog. Du skriver din beskrivning, klickar på Generera, och API:et returnerar fyra alternativ. Du kan lyssna på dem direkt, välja din favorit och paden uppdateras genast. Med kortkommandon kan du aktivera pads med tangenttryckningar, så att du kan spela rytmer eller ljudsignaler live.

Vi lade även till loopkontroller. Tryck bara på loopknappen, tryck på ljudet du vill loopa så fortsätter det att spelas tills du släpper det. Det gör SB1 användbar inte bara för skämt — tänk trummaskiner och stämningsfulla ljudmiljöer — utan också för poddar, ljudsignaler i livestreams och guidade meditationer.

Exempel i praktiken

Stämningsfull ljudmiljö

• Lätt regn: ”lätt regn som droppar på löv”

• Kraftigt regn: ”kraftigt regn som faller på ett plåttak”

• Havsvågor: mjuka vågor som rullar in mot stranden

Vi genererade varje ljud genom att skicka promptar som ”lätt regn som droppar på löv” och ”mjuka vågor som rullar in mot stranden”. Sedan ställde vi in de padsen på loop för att skapa en bakgrund för fokus eller meditation.

Trummaskin

• 808-kagge: ”808-kagge med supermycket bas”

• Virvelslag: ”skarpt virveltrumslag”

• Öppen cymbal: ”öppen cymbal som ringer ut”

Du behöver inga ljudsamplar från ett trumbibliotek. Beskriv bara ”808-kagge med supermycket bas” eller ”skarpt virveltrumslag”, så ger API:et dig fyra versioner att lyssna på. Vi mappade dem till tangenterna A, S och D för en livedemonstration.

Om du verkligen vill tänja på modellens gränser kan du också använda den för att skapa korta röstklipp med en karaktärs röst. Du anger bara karaktären och skriver sedan orden inom citattecken.

• Taggad DJ: Taggad DJ som säger ”Nu drar festen igång”

• Orc på uppdrag: Orc med sträv röst som säger: ”Det här rummet är överfullt”

• Sirenens sång: Spöklik kvinnlig sång som sjunger: ”Dags att gå hem och lägga sig, festen är slut”

Anpassade förinställningar

Du kan spara och namnge dina egna förinställningar — till exempel ”Livestream FX” med flämtningar, skratt och applåder. När du har byggt din soundboard klickar du på Dela för att kopiera en länk eller publicera direkt på sociala medier. Alla som har länken kan läsa in din SB1-konfiguration och spela dina utvalda ljud.

För utvecklare

• Tillståndslös generering: Varje API-anrop är oberoende. Du behöver inte hantera en träningspipeline eller lagra stora samplingsbibliotek — cachelagra bara de URL:er du använder i ditt gränssnitt.
• Låg latens: Den typiska genereringstiden är under två sekunder, vilket känns omedelbart när du demonstrerar funktionen.
• Skalbart: Du kan batchgenerera hundratals ljud parallellt och sedan lagra dem i ditt eget CDN för användning med hög trafik.
• Flexibla format: WAV för högsta kvalitet, MP3 om du behöver mindre filer.

För att komma igång själv kan du kolla in vår dokumentation. Där hittar du kodexempel i JavaScript, Python och cURL som visar hur du integrerar SFX API i dina projekt.

Vad händer härnäst?

SB1 är bara en demonstration av vad vår modell för ljudeffekter kan göra. Vi utforskar plugin-program för OBS och digitala ljudarbetsstationer, så att du kan generera nya ljud utan att lämna din streaming- eller produktionsprogramvara. Vi finjusterar också modellen för att förbättra resultatet för musikrelaterade promptar — tänk exotiska slagverk eller synttexturer.

Om du bygger något coolt vill vi gärna se det. Tagga oss på sociala medier eller dela länken till din förinställning. Oavsett om du streamar, poddar, utvecklar spel eller bara älskar att leka med ljud, ger SB1 och SFX API dig obegränsad kreativitet med ljud direkt i händerna.

Prova gratis redan i dag — inget MP3-bibliotek krävs.