Så skapade vi ett soundboard med ElevenLabs SFX API

Tänk dig ett soundboard som kan skapa obegränsat med ljud på begäran. Det är precis vad vi har byggt på ElevenLabs — här är SB1, vårt oändliga soundboard. På ytan ser det ut som ett vanligt rutnät med pads som du triggar med klick eller kortkommandon. Men bakom kulisserna drivs det av vår text-till-ljudeffekter AI-ljudmodell.

För att använda det beskriver du bara vilket ljud du vill ha, så skapar SB1 det åt dig. Det finns också några förinställda ljud, 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 skogsljud i bakgrunden” eller “dramatiskt publikflämt”, och få en färdig ljudeffekt?

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 vill ha. Men med generativ AI är det inte längre ett problem. Du är inte längre begränsad.

Innan vi började koda vände vi oss till Lovable för att ta fram en enkel prototyp av det som skulle bli SB1. Den var inte kopplad till API:et än, men gav oss möjlighet att testa designval och placering av knappar innan vårt team byggde den slutgiltiga UI:n 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 ligger bakom en enda endpoint:

Du skickar en JSON med din prompt, antal varianter du vill ha (vi har fyra som standard) och din API-nyckel i Authorization-headern.

Svaret är en array med länkar till genererade WAV-filer. Därifrån kan du streama eller ladda ner och koppla varje klipp till en pad. Du kan även ställa in loop. Använd beskrivande prompts för mer detaljerade ljud.

Ett exempel på en förfrågan ser ut så här:

Och du får tillbaka en array med fyra länkar. Vi har designat API:et så att det funkar för alla behov — från att skapa soundboards på studs till att massgenerera ljud för spel.

Att bygga SB1-gränssnittet

Med API:et på plats gick vi vidare till frontend. SB1 är en webbapp byggd med React och Tailwind CSS. Varje pad har två lägen:

1. Preset: laddar från en sparad lista med ljudlänkar
2. Custom: användargenererat via SFX API

När du klickar på en tom pad i custom-läge dyker en prompt upp. Du skriver din beskrivning, trycker på Generera, och API:et ger dig fyra alternativ. Du lyssnar direkt, väljer din favorit och paden uppdateras direkt. Med kortkommandon kan du trigga pads med tangenttryck, så du kan spela rytmer eller ljud live.

Vi har också lagt till loop-kontroller. Tryck bara på loop-knappen, välj ljudet du vill loopa så spelas det tills du släpper. Det gör SB1 användbart inte bara för skämt — tänk trummaskiner och bakgrundsljud — utan även för poddar, livestreams och guidade meditationer.

Exempel i praktiken

Ambient ljudlandskap

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

• Kraftigt regn: "kraftigt regn mot plåttak"

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

Vi skapade varje ljud 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 padsen på loop för att skapa en bakgrund för fokus eller meditation.

Trummaskin

• 808-kick: "superbasig 808-kick"

• Virvelslag: "tight virvel"

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

Du behöver inga ljudprover från ett trumbibliotek. Beskriv bara “superbasig 808-kick” eller “tight virvel”, så får du fyra versioner att lyssna på. Vi mappade dem till A-, S- och D-tangenterna för en live-demo.

Vill du verkligen utmana modellen kan du även skapa korta röstklipp i en karaktärs stil. Ange bara karaktären och skriv orden inom parentes.

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

• Orch på uppdrag: Orch med sträv röst som säger: "Det är för mycket folk här inne"

• Sirensång: Kuslig kvinnlig sång: "Dags att gå hem och sova, festen är slut"

Egna presets

Du kan spara och namnge egna presets — till exempel “Livestream FX” med flämt, skratt och applåder. När du byggt ditt board, klicka på Dela för att kopiera en länk eller posta direkt på sociala medier. Alla med länken kan ladda din SB1-konfiguration och spela dina utvalda ljud.

Tips för utvecklare

• Stateless generering: Varje API-anrop är fristående. Du behöver inte hantera någon träningspipeline eller lagra stora ljudbibliotek — spara bara de länkar du använder i din UI.
• Låg fördröjning: Vanlig genereringstid är under två sekunder, vilket känns direkt när du visar funktionen.
• Skalbart: Du kan batchgenerera hundratals ljud parallellt och lagra dem i ditt eget CDN för hög trafik.
• Flexibla format: WAV för högsta kvalitet, MP3 om du vill ha mindre filer.

För att komma igång själv, 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 ett exempel på vad vår ljudeffektmodell kan göra. Vi utforskar plugins för OBS och digitala ljudarbetsstationer, så att du kan skapa nya ljud direkt i din streaming- eller produktionsmjukvara. Vi finjusterar också modellen för att förbättra musikrelaterade prompts — som exotisk percussion eller synthljud.

Om du bygger något kul vill vi gärna se det. Tagga oss på sociala medier eller dela din preset-länk. Oavsett om du är streamer, poddare, spelutvecklare eller bara gillar att leka med ljud ger SB1 och SFX API dig obegränsad kreativitet med ljud.

Testa gratis idag — inget MP3-bibliotek behövs.