AudioLab.tools — plateforme de référence pour l'audio + l'IA

Une plateforme de contenu et d'outils à la croisée de l'audio, de l'IA, du développement, d'Android, du DSP, de l'accessibilité et des workflows live. Pas de tunnel marketing avec des boutons "join the waitlist" derrière chaque page. Chaque cluster livre une démo fonctionnelle côté navigateur ainsi que des docs poussées.

Croquis dessiné à la main : AUDIOLAB.TOOLS en haut, trois clusters MIXLAB / HEARLAB / ENGINEERING, chacun avec les piliers TOOLS / DOCS / INSIGHTS, légende 'real tools · deep docs · no slop'. — Croquis de whiteboard initial · devenu depuis six labs

Trois principes (issus du site lui-même)

Des outils que tu peux vraiment utiliser. Chaque cluster livre une démo fonctionnelle, côté navigateur. Rien de caché derrière une liste d'attente.
People-first writing. Pas de slop d'IA bourré de mots-clés. Chaque page est écrite par quelqu'un qui a expédié de l'audio en production et accepte de se tromper en public.
Built where it matters. Android, DSP temps réel, accessibilité, ergonomie développeur. Les endroits où l'audio-IA doit vraiment fonctionner, pas juste des démos marketing.

Six labs — honnête sur ce qui marche

Le site s'articule autour de six labs côté navigateur. Chaque lab est étiqueté honnêtement selon ce qu'il fait réellement — fonctionnel, en construction, ou concept simulé :

Lab	Statut	Ce qu'il fait
MixLab	Beta	Loudness/dynamique/stéréo — vérifié à ±0,08 LU par rapport à la référence EBU R128
VoiceLab	Beta	QA voix : clarté, rythme, densité de tics de langage, clipping
SignalLab	Beta	Indexeur audio : détection de silence/clipping, tags de région
Ψ Lab	Building	Phase vocoder · time-stretch, freeze, reverse, smear (AudioWorklet entièrement côté client)
SkillLab	Building	Challenges d'entraînement avec feedback (fonctionne, en cours d'extension)
HearLab	Building	Compagnon d'écoute non médical (dashboard à part en tant que concept)
CueLab	Simulated	Concept de routing live avec données simulées

Tout côté client : l'audio ne quitte pas le navigateur. À côté de ça, docs, méthodologie, glossaire, roadmap — du contenu indexable, pas de routes JS-only.

Stack

Framework

Astro 6 (content-first, statique avec des îlots React là où c'est nécessaire)

React 19, Tailwind v4 (config CSS-first)

Contenu

MDX (@astrojs/mdx), content collections par cluster

Cartes OG

Satori + Resvg.js — générées dynamiquement au build

Polices

Geist + JetBrains Mono (variable)

Performance

Sharp pour le pipeline d'images, pré-rendu au build

RSS

Feed.js par cluster, par tag

Sitemap

@astrojs/sitemap

Astro a été choisi plutôt que Next.js pour ce cas d'usage : content-first, beaucoup de pages statiques, des îlots React pour les outils de démo interactifs uniquement là où c'est vraiment nécessaire. Pas de rendu 100 % côté client pour un glossaire.

Ce qu'il contient

Hero avec fallback d'animation (vidéo full-bleed + image statique de repli pour reduced-motion)
Pages d'accueil par cluster avec leur propre flux d'outils, de docs et d'insights
Glossaire, méthodologie, roadmap, changelog comme artefacts publics
Showcases (études de cas) et Labs (espace d'expérimentation)
Page API (outils internes que d'autres peuvent intégrer)
Tarifs + contact + confidentialité

Statut

En ligne sur audiolab.tools. Six labs tournent ; quatre font de la vraie analyse (Beta), un est en cours d'extension, un est un concept simulé — et c'est écrit tel quel. La loudness de MixLab est vérifiée par rapport à la référence EBU R128 (±0,08 LU vs ffmpeg). La couche d'interprétation IA est l'étape suivante, pas une promesse actuelle.