BrowserDAW

I am working on a new project again: an online digital audio workstation (like FL Studio, Ableton Live or Logic) that runs in your browser. In short, you can make music with it using synthesizers or samples. I've always had the idea of creating something with music in the browser and registered browserdaw.com a few months ago, so then you have to do something with it! It's a hobby project that I occasionally work on. Right now it has MIDI tracks with a synth and a sampler with some drum samples that I've downloaded from freesound.org. The MVP is pretty much there now. You can add, edit and delete notes, adjust the sound of the synth, and save your track. What I have noticed is that handling user interaction is the most complex I've ever built. For example, you can click and drag the rotary knobs, both horizontally and vertically to adjust the value. Also, you can type in the parameters of the synth or scroll the input field with your mouse wheel. I plan to support (more) keyboard shortcuts. The tech stack is an Angular frontend with the Tone.js library doing all the complicated audio work (awesome), Supabase for storing in a Postgres database (it creates a unique link when you click on Save). The UI is made with TailwindCSS. I happily copied the UI from Ableton Live (the DAW of my preference). And I love that audio software / VST plugins have those skeuomorphic buttons and lights, even though that's nonsense and you could just use a numerical input field. So I'm trying to put that in there too, so it looks a bit slick. Here's an example of what you can make with it: Body Language Enjoy!