How we created a soundboard using ElevenLabs SFX API

Imagine a soundboard that can generate unlimited sounds on demand. That’s exactly what we built at ElevenLabs — meet SB1, our infinite soundboard. On the surface, it looks like a typical grid of pads you trigger with clicks or keyboard shortcuts. Under the hood, it’s powered by our text-to-sound effects AI audio model. 

To use it you simply describe any sound you can think of, and SB1 will generate it. There are also some predefined default sounds, but even they can be replaced.

Från idé till prototyp

Vi började med en enkel fråga: vad om du kunde skriva en beskrivning, som “mjuka omgivande skogsljud” eller “dramatiskt publikgasp,” och få en färdig ljudeffekt?

Traditionella ljudbrädor förlitar sig på statiska MP3-bibliotek du måste leta upp online. Även om du hittar ett lämpligt ljud är det ofta inte ‘exakt’ vad du ville ha. Men med generativ AI är det inte längre ett problem. Du är inte längre begränsad.

Innan vi hoppade in i koden vände vi oss till Lovable för att skapa en grundläggande prototypversion av vad som skulle bli SB1. Inte kopplad till API ännu, gav det oss en chans att experimentera med designval och knappplaceringar, innan vårt briljanta team skapade den slutliga UI 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 sitter bakom en enda slutpunkt:

Du skickar en JSON-belastning med din prompt, antalet variationer du vill ha (vi har standard på fyra), och din API-nyckel i Authorization-headern.

Svaret returnerar en array av URL:er som pekar på genererade WAV-filer. Därifrån kan du strömma eller ladda ner och tilldela varje klipp till en pad. Du kan till och med ställa in looping. Använd beskrivande prompts för mer detaljer.

Ett exempel på en begäran ser ut så här:

Och du får tillbaka en array med fyra URL:er. Vi designade API:et så att det skalas till alla användningsfall — från ad hoc-ljudbrädskapande till massgenerering för spelresurser.

Bygga SB1-gränssnittet

Med API:et på plats vände vi oss till front-end. SB1 är en webbapp byggd med React och Tailwind CSS. Varje pad-komponent har två lägen:

1. Förinställd: laddas från en sparad uppsättning av ljud-URL:er
2. Anpassad: användargenererad via SFX API

När du klickar på en tom pad i anpassat läge visas en promptdialog. Du skriver din beskrivning, trycker på Generera, och API:et returnerar fyra alternativ. Du provlyssnar dem direkt, väljer din favorit, och paden uppdateras omedelbart. Tangentbordsbindningar låter dig trigga pads med knapptryckningar, så du kan spela rytmer eller ljudsignaler live.

Vi lade också till loopkontroller. Tryck bara på loopknappen, tryck på ljudet du vill loopa och det kommer att fortsätta spela tills du släpper det. Det gör SB1 användbart inte bara för skämt — tänk trummaskiner och omgivande atmosfärer — utan också för podcasting, livestream-ljudsignaler och guidade meditationer.

Exempel i praktiken

Omgivande ljudlandskap

• 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 genom att skicka prompts som “lätt regn som droppar på löv” och “mjuka vågor som rullar in mot stranden.” Sedan satte vi dessa pads till loop, vilket skapade en bakgrund för fokus eller meditation.

Trummaskin

• 808 kick: "super basig 808 kick"

• Snärtslag: "tight snärtslag"

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

Du behöver inte ljudprover från ett trumbibliotek. Beskriv bara “super basig 808 kick” eller “tight snärtslag,” och API:et ger dig fyra versioner att provlyssna. Vi mappade dem till A, S och D-tangenterna för en liveuppvisning.

Om du verkligen vill utmana modellen kan du också använda den för att skapa korta röstsnuttar i en karaktärs ljud. Du specificerar bara karaktären och sätter orden inom parentes.

• Upphetsad DJ: Upphetsad DJ som säger "Nu kör vi igång festen"

• Orc på uppdrag: Orc med en grov röst som säger: "Detta rum är överfullt"

• Sirensång: Kuslig kvinnlig sång som sjunger: "Dags att gå hem och lägga sig, festen är över"

Anpassade förinställningar

Du kan spara och namnge dina egna förinställningar—säg, “Livestream FX” med gasp, skratt och applåder. Efter att ha byggt din bräda, klicka på Dela för att kopiera en länk eller posta direkt på sociala medier. Alla med länken laddar din SB1-konfiguration och kan spela dina kuraterade ljud.

Utvecklartips

• Stateless generering: Varje API-anrop är oberoende. Du behöver inte hantera en träningspipeline eller lagra stora samplingsbibliotek—bara cacha URL:erna du använder i din UI.
• Låg latens: Typisk genereringstid är under två sekunder, vilket känns omedelbart när du demonstrerar funktionen.
• Skalbar: Du kan batchgenerera hundratals ljud parallellt, sedan lagra dem i din egen CDN för högtrafikanvändning.
• Flexibla format: WAV för högsta kvalitet, MP3 om du behöver mindre filer.

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

Vad är nästa steg?

SB1 är bara en demo av vad vår ljudeffektmodell kan göra. Vi utforskar plugins för OBS och digitala ljudarbetsstationer, så du kan generera nya ljud utan att lämna din streaming- eller produktionsprogramvara. Vi finjusterar också modellen för att förbättra prestandan på musikrelaterade prompts — tänk exotisk percussion eller synttexturer.

Om du bygger något coolt vill vi se det. Tagga oss på sociala medier eller dela din förinställningslänk. Oavsett om du är streamer, podcaster, spelutvecklare eller bara någon som älskar att leka med ljud, ger SB1 och SFX API obegränsad ljudkreativitet vid dina fingertoppar.

Prova gratis idag — inget MP3-bibliotek krävs.