Zo bouw je een echt werkend luchtalarm in je browser
Soms zijn de meest overtuigende tech-demo's juist simpel. Geen ellenlange features lijsten, geen ingewikkelde interfaces. Gewoon een sfeer die je even vasthoudt. SIRENFALL is zo'n project.
Wat is SIRENFALL?
SIRENFALL is een gratis belevenis in je browser die je neerzet in een ondergrondse schuilkelder met uitzicht op een stad in de regen. Je missie, als je die al accepteert: trek aan een hendel om een civiele defensiesirene te activeren. Meer niet. Dat is alles.
Wat dit technisch bijzonder maakt? Elk geluid dat je hoort wordt live gesynthetiseerd in je browser via de Web Audio API. Geen MP3'tjes. Geen WAV-bestanden. Geen audio sprites. Puur wiskundige golfvormen die frequenties real-time genereren.
De Sirenewetenschap
Die sirene is geen willekeurig kabaal—het volgt echte civiele defensiepatronen:
- Twee tonen gescheiden door een kleine terts: 515 Hz en 618 Hz
- Die kenmerkende "jammertoon" komt van een hoorn die elke 15 seconden een sweep maakt
- Regen en donder fungeren als achtergrondgeluid
- Extra interactieve elementen: een sluiterm en een oude CRT-monitor
Die toewijding aan detail maakt dat wat een TRICK had kunnen zijn, voelt als iets dat authentiek sfeervol is.
Waarom Dit Belangrijk Is voor Web Developers
SIRENFALL laat zien wat er mogelijk is wanneer de Web Audio API creatief wordt ingezet. De API geeft developers directe toegang tot:
- Oscillatoren voor het genereren van pure waveforms (sinus, blok, zaagtand, driehoek)
- Gain nodes voor volumecontrole en fade-effecten
- Filters voor het vormgeven van toonkarakter
- Real-time parametermanipulatie voor dynamische effecten
De meeste browser-audioprojecten gebruiken ofwel pre-recorded clips of zware libraries. SIRENFALL bewijst dat elegante, efficiënte audio-synthese mogelijk is met vanilla JavaScript en een goed begrip van akoestiek.
De Belevenis
Geen account nodig. Geen installatie. Geen browser extensions. Open de link in elke moderne browser, en je staat in een betonnen schuilkelder naar de regen te kijken terwijl je besluit of je de hele buurt gaat STOREN met een civiele defensiesirene.
Het is vreemd. Het is specifiek. En eerlijk? Best fredelijk op een post-apocalyptische manier.
Probeer het zelf: sirenfall.live
De source code ligt op GitHub onder MIT-licentie, mocht je willen uitzoeken hoe de audio-synthese werkt of je eigen Web Audio-experimenten wilt bouwen.
Soms is de beste toepassing van browsertechnologie niet productiviteit—het is het creëren van vreemde kleine wereldjes waar mensen een paar minuten in kunnen wonen. SIRENFALL doet precies dat.