AudioLab.tools — authority platform voor audio + AI

Een content + tools platform op het snijvlak van audio, AI, development, Android, DSP, toegankelijkheid en live workflows. Geen marketing-funnel met "join the waitlist"-knoppen achter elke pagina. Iedere cluster levert een werkende browser-side demo plus diepe docs.

Hand-getekende schets: AUDIOLAB.TOOLS bovenaan, drie clusters MIXLAB / HEARLAB / ENGINEERING, elk met TOOLS / DOCS / INSIGHTS pillaren, onderschrift 'real tools · deep docs · no slop'. — Vroege whiteboard-schets · inmiddels gegroeid naar zes labs

Drie principes (uit de site zelf)

Tools die je echt kunt gebruiken. Iedere cluster ship't een werkende, browser-side demo. Niets verstopt achter een wachtlijst.
People-first writing. Geen keyword-stuffed AI-slop. Elke pagina is geschreven door iemand die audio in productie heeft gestuurd en bereid is om in het openbaar fout te zitten.
Built where it matters. Android, realtime DSP, accessibility, developer-ergonomics. De plekken waar audio-AI echt moet werken, niet alleen marketing-demo's.

Zes labs — eerlijk over wat werkt

De site draait om zes browser-side labs. Elk lab is eerlijk gelabeld naar wat het écht doet — werkend, in aanbouw, of een gesimuleerd concept:

Lab	Status	Wat het doet
MixLab	Beta	Loudness/dynamiek/stereo
VoiceLab	Beta	Voice-QA: clarity, pacing, filler-density, clipping
SignalLab	Beta	Audio-indexer: stilte/clipping-detectie, regio-tags
Ψ Lab	Building	Phase vocoder
SkillLab	Building	Oefen-challenges met feedback (werkt, wordt uitgebouwd)
HearLab	Building	Non-medical hearing-companion (dashboard apart als concept)
CueLab	Simulated	Live-routing-concept met gesimuleerde data

Alles client-side: audio verlaat de browser niet. Daarnaast docs, methodology, glossary, roadmap — indexable content, geen JS-only routes.

Stack

Framework

Astro 6 (content-eerst, statisch met React-eilanden waar nodig)

React 19, Tailwind v4 (CSS-first config)

Inhoud

MDX (@astrojs/mdx), per-cluster content-collections

OG-cards

Satori + Resvg.js — dynamisch gegenereerd op build-tijd

Fonts

Geist + JetBrains Mono (variable)

Performance

Sharp voor image-pipeline, build-time pre-rendering

RSS

Feed.js per cluster, per-tag

Sitemap

@astrojs/sitemap

Astro is gekozen boven Next.js voor deze use-case: content-eerst, veel statische pagina's, React-eilanden voor interactieve demo-tools alleen waar het echt nodig is. Geen 100% client-side rendering voor een glossary.

Wat erin zit

Hero met motion-fallback (full-bleed video + static image fallback voor reduced-motion)
Per-cluster landing pages met eigen tools-, docs-, insights-stroom
Glossary, methodology, roadmap, changelog als publieke artefacten
Showcases (case-studies) en Labs (experimenteer-ruimte)
API page (interne tools die anderen kunnen integreren)
Pricing + contact + privacy

Status

Live op audiolab.tools. Zes labs draaien; vier doen echte analyse (Beta), één wordt uitgebouwd, één is een gesimuleerd concept — en dat staat er ook zo bij. MixLab's loudness is geverifieerd tegen de EBU R128-referentie (±0,08 LU vs ffmpeg). De AI-interpretatielaag is de volgende stap, niet een huidige claim.