You are browsing as a guest. Sign up (or log in) to start making projects!

Hackmusic Studio

By @Dasher2801

  • 1 Devlogs
  • 6 Total hours

Ich baue Hackmusic, ein interaktives digitales Musikstudio und Synthesizer-Dashboard direkt für den Webbrowser. Das Besondere an diesem Projekt ist der radikale, rein codebasierte Ansatz: Die Anwendung nutzt keinerlei externe Audio-Dateien, Samples oder MP3s. Jeder einzelne Sound – von der melodischen Synthesizer-Note bis zum fetten Percussion-Schlag – wird in dem Moment, in dem er abgespielt wird, von der Web Audio API des Browsers rein mathematisch in Echtzeit berechnet und erzeugt. Das Herzstück bildet ein visuelles 16-Schritt-Raster, auf dem Benutzer eigene Loops programmieren können. Neben einer harmonischen Melodie-Sektion verfügt die App über eine voll integrierte, synthetische Drum-Machine, die Kick-Drums, Snares und Hi-Hats über gezielte Frequenz-Modulationen und kalkuliertes Rauschen simuliert. Ein virtuelles Mischpult erlaubt es zudem, Sound-Parameter wie das Ausklingen (Release) live zu steuern oder einen räumlichen Echo-Effekt (Delay) hinzuzufügen.
Open comments for this post

@Dasher2801 on Hackmusic Studio

6h 9m 8s logged

Es lebt! Die Geburtsstunde von Hackmusic. Ich offiziell mit der Entwicklung von Hackmusic für die Challenge begonnen! Mein Ziel ist es, ein vollwertiges digitales Musikstudio direkt in den Browser zu bauen. Das Besondere daran: Die App wird komplett ohne externe MP3-Dateien oder Samples auskommen. Jeder einzelne Ton wird in Echtzeit rein mathematisch über die Web Audio API generiert .Die ersten Stunden waren ein echter Grind, besonders um die präzise Audio-Clock für den Loop-Scheduler stabil zum Laufen zu bringen. Normales JavaScript ist für Musik-Timing oft zu ungenau, aber das Fundament steht jetzt bombenfest! Der allererste Prototyp läuft bereits: Ein einfaches 16-Step-Grid spielt eine pentatonische Tonleiter fehlerfrei im Kreis ab, ohne zu ruckeln. Als Nächstes verlasse ich die reine Basisphase. Auf dem Plan stehen eine integrierte Drum-Maschine für fette Rhythmen, Sound-Effekte wie Echo-Delay und ein optisch ansprechendes Canvas-Oszilloskop für dynamische Partikel-Explosionen. Stay tuned!

0
0
2

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…