Procedural Music Workstation in the Browser
As a side project for a hockey manager game, I created a small audio tracker, "HM Tracker," which was used to make the game's music. It is a browser-based tracker-style music workstation. All sound is procedurally generated from oscillators - no samples, no plugins. The UI lets you edit patterns on a step grid, pick instruments and chords, then export as a standalone JS music engine or WAV file. Built with vanilla JS and the Web Audio API (best experienced on a desktop browser). Made in the '90s demoscene spirit (at least the looks, anyway). Would love any feedback!
Procedural Music Workstation in the Browser launched on March 6, 2026 with 9 votes, #1,237 of 23,380 launches that month and more than 75% of that year's launches.
What it does
Edit patterns, swap instruments, change chords and export a standalone JS audio engine. All sound generated from oscillators in real-time.
The JS code below is a standalone music engine that plays this track programmatically. Copy it for use in your project, or download the track as a WAV file. Adjust settings above to generate musicEngine.js code... HM Tracker byfrom manager.kiekko.pro
Does a similar job
all alternatives →
An algorithmic audio landscape2024 · ambient.garden · ▲193This is an web audio experiment I've been wanting to do for a long time. Basically an ambient music composition, but all the sound elements are laid out in space, and that musical space can be explored freely. It's definitely inspired by in-world music that sometimes appears in games. I basically took that concept, keeping the music aspect, and dropping the entire "game" aspect. I also turned it into a more "traditional" non-interactive album, but since I started with code, why not program the whole thing? Had a blast making the entire album from code, the complete source for the album is…
Draw.Audio – A musical sketchpad using the Web Audio API2024 · draw.audio · ▲249Draw.Audio is a free online music maker. Draw notes on a grid and hear them play back instantly — a browser-based synthesizer, sequencer, and visual instrument.
- IMI'm building a browser-based DAW2022 · signalsandsorcery.org · ▲179
Web Audio Studio – A Visual Debugger for Web Audio API GraphsMar 2026 · webaudio.studio · ▲64Hi HN, I’ve been working on a browser-based tool for exploring and debugging Web Audio API graphs. Web Audio Studio lets you write real Web Audio API code, run it, and see the runtime graph it produces as an interactive visual representation. Instead of mentally tracking connect() calls, you can inspect the actual structure of the graph, follow signal flow, and tweak parameters while the audio is playing. It includes built-in visualizations for common node types — waveforms, filter responses, analyser time and frequency views, compressor transfer curves, waveshaper distortion, spatial…
I wrote a partial re-implementation of DirectMusic2024 · github.com · ▲91DirectMusic[1] is a deprecated Windows API for playing dynamic music scores authored using DirectMusic Producer[2]. It was originally released as part of DirectX in 1999 and discontinued with the release in Windows Vista around 2009-ish. Due to my involvement with projects[3] re-implementing an old game engine for the early 2000's games Gothic and Gothic II[4], I came to notice that existing solutions[5] were incorrect and hard to use. Thus, I was tasked with writing a new, correct re-implementation of the API. Today, my re-implementation is able to (mostly) play back so-called style-based…
- WAWeb Audio Spring-Mass Synthesis2025 · blog.cochlea.xyz · ▲77
Hi, I'm the author of this little Web Audio toy which does physical modeling synthesis using a simple spring-mass system. My current area of research is in sparse, event-based encodings of musical audio (https://blog.cochlea.xyz/sparse-interpretable-audio-codec-pa...). I'm very interested in decomposing audio signals into a description of the "system" (e.g., room, instrument, vocal tract, etc.) and a sparse "control signal" which describes how and when energy is injected into that system. This toy was a great way to start learning about physical modeling synthesis, which seems…
More dev tools this month
the category →

open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.
Dev tools · 28d ago · github.com

Contribute to reladraw/reladraw development by creating an account on GitHub.
Dev tools · 26d ago · github.com
OpenBot▲362Grok Bot alternative: free, local, open-source, multiplayer
Dev tools · 23d ago · openbot.run
Talanoa▲346Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…
Dev tools · 21d ago · talanoa.email
CoreSpeed▲332One MCP for everything your agents need: apps, memory, tools
Dev tools · 28d ago · corespeed.io
Source: Show HN post ↗
Launched alongside, March 2026
the whole month →


Switch from ChatGPT to Claude with import memory feature
AI · Mar 2026 · claude.com
Littlebird▲709Littlebird remembers everything across your meetings, messages, docs, and apps, then takes action so you can recall any detail and never lose context.
AI · Mar 2026 · littlebird.ai

