Skapa en flyglarmssiren direkt i webbläsaren: En titt på SIRENFALLS realtidsljudsyntes

Skapa en flyglarmssiren direkt i webbläsaren: En titt på SIRENFALLS realtidsljudsyntes

Sep 04, 2026 web audio api browser experiments javascript audio synthesis creative coding interactive art open source

Ibland är de mest minnesvärda tech-demonstrationerna de som inte försöker imponera med komplexitet. De skapar bara en stämning och låter dig sjunka in i den. SIRENFALL är ett sådant projekt.

Vad är SIRENFALL?

SIRENFALL är en gratisscen i webbläsaren som placerar dig i ett underjordiskt skyddsrum med utsikt över en regnblöt stad. Din uppgift, om du väljer att acceptera den: dra i en brytarspak för att aktivera ett civilt larmsystem. Det är allt. Hela upplevelsen.

Men det som gör det här genuint imponerande från ett tekniskt perspektiv är att varje ljud du hör syntentiseras direkt i din webbläsare med Web Audio API. Inga MP3-filer. Inga WAV-filer. Inga audio sprites. Bara ren matematisk vågformsgenerering i realtid.

Vetenskapen bakom sirenen

Sirenen är inte bara ett slumpmässigt ljud – den följer faktiska civilluftvärnsprinciper:

  • Två toner separerade med en mindre ters: 515 Hz och 618 Hz
  • Det karaktäristiska "tjutet" kommer från en horn som sveper en gång var 15:e sekund
  • Regn och åska fortsätter som ambient bakgrund
  • Ytterligare interaktiva element: en luckkontroll och en gammal CRT-skärm

Den här detaljrikedomen förvandlar något som kunde vara en gimmick till något som känns autentiskt atmosfäriskt.

Varför det här spelar roll för webbutvecklare

SIRENFALL visar vad som är möjligt när Web Audio API används kreativt. API:et ger utvecklare direkt tillgång till:

  • Oscillatorer för att generera rena vågformer (sinus, fyrkant, sågtand, triangel)
  • Gain-nodes för volymkontroll och fade-effekter
  • Filter för att forma tonkaraktären
  • Realtidsmanipulation av parametrar för dynamiska effekter

De flesta webbläsarbaserade ljudprojekt spelar antingen upp förinspelade klipp eller använder tunga bibliotek. SIRENFALL visar att elegant, effektiv ljussyntes är möjlig med ren JavaScript och en solid förståelse för akustik.

Upplevelsen

Ingen registrering. Ingen installation. Inga webbläsartillägg. Öppna bara länken i valfri modern webbläsare, så står du i ett betongskyddsrum och tittar på regnet medan du bestämmer dig för huruvida du ska störa hela grannskapet med ett civilt larmsystem.

Det är konstigt. Det är specifikt. Och ärligt talat? Det är rätt fridfullt på ett postapokalyptiskt vis.

Prova det: sirenfall.live

Källkoden finns tillgänglig på GitHub under MIT-licens om du vill plocka isär hur ljudsyntesen fungerar eller bygga egna Web Audio-experiment.

Ibland är den bästa användningen av webbläsarteknologi inte produktivitet – det är att skapa konstiga små världar för människor att bebo i några minuter. SIRENFALL gör precis det.

Read in other languages:

TR RU UZ FI RO BG PL EL CS PT NB NL HU ES FR IT DE DA ZH-HANS EN