Was du siehst
Ein Mischpult mit vier Kanälen: Bass, Beat, Akkorde und Melodie. Nach einem Klick auf „Ton an“ spielt ein kleines Stück in a-Moll. Jeder Fader, jeder Drehregler und jede Pegelanzeige ist echt: Zieht man den Bass herunter, wird er leiser, und die Anzeige sinkt mit.
Spektrum und Wellenform zeigen live, was gerade klingt. Die Pads spielen Trommeln und Akkorde, die Farbe des Pults lässt sich umstellen.
So ist es gebaut
Der Ton kommt aus der Web Audio API: Oszillatoren für Bass, Akkorde und Melodie, gefiltertes Rauschen für die Trommeln, dazu Filter, Panorama und Lautstärke je Kanal. Ein Taktgeber plant die Töne etwas im Voraus, damit nichts stockt. Die Pegel messen die echte Lautstärke jedes Kanals.
Woher die Idee kommt
audiocn baut Audio-Bedienelemente für React. Wir haben die Idee ohne Framework nachgebaut und um eine kleine Klangmaschine ergänzt, damit man hört, was man bedient.
Darauf achten wir
- Kein Ton ohne Klick
- Fader und Regler mit Tastatur und Doppelklick zum Zurücksetzen
- Keine Audiodateien, die Seite bleibt leicht