AudioLab.tools — Authority-Plattform für Audio + KI

Eine Content- und Tools-Plattform an der Schnittstelle von Audio, KI, Development, Android, DSP, Barrierefreiheit und Live-Workflows. Kein Marketing-Funnel mit "join the waitlist"-Buttons hinter jeder Seite. Jeder Cluster liefert eine funktionierende Browser-seitige Demo plus tiefe Docs.

Handgezeichnete Skizze: AUDIOLAB.TOOLS oben, drei Cluster MIXLAB / HEARLAB / ENGINEERING, jeweils mit den Säulen TOOLS / DOCS / INSIGHTS, Bildunterschrift 'real tools · deep docs · no slop'. — Frühe Whiteboard-Skizze · inzwischen auf sechs Labs angewachsen

Drei Prinzipien (von der Site selbst)

Tools, die du wirklich nutzen kannst. Jeder Cluster liefert eine funktionierende, Browser-seitige Demo. Nichts versteckt hinter einer Warteliste.
People-first writing. Kein keyword-überladener KI-Slop. Jede Seite ist von jemandem geschrieben, der Audio in Produktion ausgeliefert hat und bereit ist, öffentlich falsch zu liegen.
Built where it matters. Android, Echtzeit-DSP, Barrierefreiheit, Developer-Ergonomie. Die Stellen, an denen Audio-KI wirklich funktionieren muss, nicht nur Marketing-Demos.

Sechs Labs — ehrlich darüber, was funktioniert

Die Site dreht sich um sechs Browser-seitige Labs. Jedes Lab ist ehrlich danach beschriftet, was es wirklich tut — funktionierend, im Aufbau oder ein simuliertes Konzept:

Lab	Status	Was es tut
MixLab	Beta	Loudness/Dynamik/Stereo — verifiziert auf ±0,08 LU gegen die EBU R128-Referenz
VoiceLab	Beta	Voice-QA: Clarity, Pacing, Filler-Density, Clipping
SignalLab	Beta	Audio-Indexer: Stille-/Clipping-Erkennung, Regio-Tags
Ψ Lab	Building	Phase Vocoder · Time-Stretch, Freeze, Reverse, Smear (vollständig client-seitiges AudioWorklet)
SkillLab	Building	Übungs-Challenges mit Feedback (funktioniert, wird ausgebaut)
HearLab	Building	Non-medical Hearing-Companion (Dashboard separat als Konzept)
CueLab	Simulated	Live-Routing-Konzept mit simulierten Daten

Alles client-seitig: Audio verlässt den Browser nicht. Dazu Docs, Methodology, Glossary, Roadmap — indexierbarer Content, keine JS-only-Routen.

Stack

Framework

Astro 6 (content-first, statisch mit React-Inseln, wo nötig)

React 19, Tailwind v4 (CSS-first-Config)

Inhalt

MDX (@astrojs/mdx), Content-Collections pro Cluster

OG-Cards

Satori + Resvg.js — dynamisch zur Build-Zeit generiert

Fonts

Geist + JetBrains Mono (variable)

Performance

Sharp für die Image-Pipeline, Pre-Rendering zur Build-Zeit

RSS

Feed.js pro Cluster, pro Tag

Sitemap

@astrojs/sitemap

Astro wurde für diesen Use-Case gegenüber Next.js gewählt: content-first, viele statische Seiten, React-Inseln für interaktive Demo-Tools nur dort, wo es wirklich nötig ist. Kein 100 % client-seitiges Rendering für ein Glossary.

Was drin ist

Hero mit Motion-Fallback (full-bleed Video + statisches Bild-Fallback für reduced-motion)
Landing-Pages pro Cluster mit eigenem Tools-, Docs- und Insights-Stream
Glossary, Methodology, Roadmap, Changelog als öffentliche Artefakte
Showcases (Case-Studies) und Labs (Experimentier-Raum)
API-Page (interne Tools, die andere integrieren können)
Pricing + Kontakt + Datenschutz

Status

Live auf audiolab.tools. Sechs Labs laufen; vier machen echte Analyse (Beta), eines wird ausgebaut, eines ist ein simuliertes Konzept — und genau so steht es auch da. MixLabs Loudness ist gegen die EBU R128-Referenz verifiziert (±0,08 LU vs ffmpeg). Die KI-Interpretationsschicht ist der nächste Schritt, kein aktueller Anspruch.