Le son qui dessine l'image. Une salle de contrôle brutaliste où chaque oscillation est à la fois audible et visible, la rencontre du constructivisme d'El Lissitzky et de la culture oscilloscope. Prête à équiper votre site.
Cliquez ÉMETTRE SIGNAL : le navigateur synthétise un son réel et le spectre, l'oscilloscope et le BPM s'animent en temps réel à partir de cet audio. (Pensez à monter le volume.)
Les visuels ne sont pas une animation pré-enregistrée : ils sont générés par le son lui-même. Au clic, le navigateur crée un graphe Web Audio API complet : un oscillateur sawtooth à 110 Hz enrichi de ses 2ᵉ et 3ᵉ harmoniques, modulé par un LFO sinus à 0,2 Hz (vibrato ±12 Hz), avec enveloppe ADSR sur un GainNode. Un AnalyserNode calcule en direct la FFT sur 256 bins : ces données pilotent image par image les 64 barres de spectre en SVG (vertes en basse amplitude, rouges en haute tension), tandis que getByteTimeDomainData trace un oscilloscope de 200 points. Le tout est dessiné en SVG inline pur : zéro canvas, zéro WebGL, zéro librairie, zéro CDN. Avant le clic, une animation de veille maintient la pièce vivante ; le tout respecte le réglage « mouvement réduit ». Fichier unique autonome, intégration en 5 minutes.
Oui. Aucun fichier audio n'est chargé : le navigateur génère le son lui-même via l'oscillateur Web Audio. Ce que vous entendez et ce que vous voyez proviennent de la même source : l'analyse FFT de ce signal pilote chaque barre du spectre et l'oscilloscope en temps réel.
Oui, et c'est voulu : les navigateurs n'autorisent l'audio qu'après une interaction. Avant le clic, la pièce affiche un état de veille (« VEILLE ») avec une animation ambiante ; le bouton « ÉMETTRE SIGNAL » réveille le graphe audio et fait passer le tableau de bord en « ÉMISSION ».
L'intégration démarre à CHF 890. On accorde la palette (rouge électrique, vert phosphore) à votre marque, on règle la fréquence, le timbre, le vibrato et le volume, puis on pose le tableau de bord en hero ou en section interactive. C'est un fichier unique autonome, sans CDN, avec une API pause / resume / setFrequency / setGain. Un site signature construit autour démarre à CHF 2 500.
Oui. Pas de canvas ni de GPU : seulement du SVG et l'API audio native, très légers. Le rendu reste fluide sur mobile, et le mode « mouvement réduit » du système est respecté. Le son est volontairement discret (volume maître bas) et entièrement coupable d'un clic.
On branche la pièce chez vous. On accorde la palette (rouge électrique, vert phosphore) à votre marque, on règle la fréquence, le timbre, la profondeur du vibrato et le volume du signal, puis on pose le tableau de bord en hero ou en section interactive sur votre site. Intégration dès CHF 890. Un site signature bâti autour de cette identité sonore démarre à CHF 2 500. Hébergement suisse, code livré, pleine propriété.
Dans le même registre sonore et oscilloscope : Tonal Bloom, identité sonore en Tone.js · Prismatica Viva, spirographe néon façon oscilloscope · Ideograph, interface diégétique Y2K. Pour les studios : l'art génératif en marque blanche pour agences. Ou parcourez notre catalogue génératif.