SIRENFALL : quand le navigateur devient instrument de musique

Toutes les démos techniques ne se ressemblent pas. Parfois, les plus marquantes ne cherchent pas à nous scotcher avec de la complexité. Elles posent une ambiance et nous laissent flotter dedans. SIRENFALL fait partie de cette catégorie.

De quoi cause-t-on ?

SIRENFALL, c'est une scène gratuite accessible directement dans le navigateur. On se retrouve dans un abri souterrain avec vue sur une ville sous la pluie. La mission ? Actionner un levier pour déclencher une alarme de défense civile. Point barre. C'est tout.

Ce qui crève les yeux d'un point de vue technique : chaque son est généré en temps réel dans le navigateur grâce à la Web Audio API. Aucun fichier audio. Pas de MP3. Pas de WAV. Juste des calculs mathématiques qui produisent des fréquences à la volée.

La science derrière la sirène

Cette sirène ne fait pas n'importe quoi. Elle respecte les patterns réels de défense civile :

• Deux tons séparés par une tierce mineure : 515 Hz et 618 Hz
• Le "gémissement" caractéristique vient d'une trompe qui balaie toutes les 15 secondes
• La pluie et le tonnerre tournent en boucle en arrière-plan
• Des éléments interactifs en bonus : un contrôle d'obturateur et un vieux moniteur CRT

Cette rigueur transforme un concept qui aurait pu être un gadget en quelque chose de vraiment immersif.

Pourquoi ça nous concerne, nous ?

SIRENFALL prouve ce qu'on peut accomplir quand on utilise la Web Audio API de manière créative. L'API donne accès à :

• Des oscillateurs pour générer des formes d'onde pures (sinus, carré, dent de scie, triangle)
• Des gain nodes pour contrôler le volume et les effets de fondu
• Des filtres pour modeler le caractère du son
• De la manipulation de paramètres en temps réel pour des effets dynamiques

La plupart des projets audio dans un navigateur passent par des fichiers pré-enregistrés ou des bibliothèques lourdes. SIRENFALL démontre qu'on peut obtenir quelque chose d'élégant et performant avec du JavaScript pur et une bonne connaissance de l'acoustique.

L'expérience

Pas de compte à créer. Pas d'installation. Pas d'extension. On ouvre le lien dans un navigateur moderne et on se retrouve dans un abri en béton à regarder la pluie pendant qu'on hésite à réveiller tout le quartier avec une alarme de défense civile.

C'est étrange. C'est précis. Et bordel, c'est apaisant d'une manière post-apocalyptique.

Allez voir : sirenfall.live

Le code source est disponible sur GitHub sous licence MIT si vous voulez comprendre comment fonctionne la synthèse audio ou créer vos propres expériences Web Audio.

Parfois, la meilleure utilisation de la technologie web n'a rien à voir avec la productivité. C'est créer des petits mondes bizarres où les gens peuvent se poser quelques minutes. SIRENFALL fait exactement ça.