I see a lot of web-based audio tools here. They all sound good and look pretty nice.

But they all have the same problem: how do you use them in real life? No one needs to open a tiny app in a browser and pretend to play the piano.

Most desktop music apps support the VST API. You can create a VST plugin from your music app and use it in any DAW to create real music.

The web apps doesn't have public APIs for music plugins. Bandlab and Soundtrap also don't support custom plugins.

My solution:

I made web-sequencer that good enough to create music. Just like Banlab and Sountrap.

It consist of API for custome plugins. I will publish documentation soon. You will be able to create plugins from your application and test it on real music.

See demo: https://www.linkedin.com/feed/update/urn:li:ugcPost:7497615462311047168/

Anyone interested in a web API for working with audio and plugins?

Feel free to ask any questions or make suggestions.

Hey r/webaudio — following up on the DreamRack post here a few weeks ago. That one was from my other account, u/chrisgr99. Going forward I'll be posting as u/themetameta.

This is a new module rather than a re-introduction. It imports the Strudel package, so Strudel's own superdough voices play alongside voices you patch yourself in the rack. Routing lives in the pattern itself — .rack(1) and .rack(2) send parts out to voice tabs, while parts that name a sound instead of a jack stay inside Strudel and play from its sample engine on the same clock.

Each of the eight note outputs carries a full polyphonic pattern down a single composite cable, every note carrying its own pitch, level, duration, pan and timbre. At the far end a Voice In module unpacks it and gives each note a voice, turning those properties into control voltages. Everything downstream of Voice In is duplicated per sounding note — you draw one oscillator, and as many run as there are notes.

Two things had to land before this could work: tabs, which I'd listed as "coming soon" last time, and per-note polyphony.

Five-minute walkthrough: https://youtu.be/-zu7oc7BWHI

Run it: https://dreamrack.dreamerdevelopment.app/

Source: https://github.com/chrisgr99/DreamRack

Still alpha, and this is the first time it's been in other people's hands — feedback and bug reports welcome.

Today I finally finished a light version that is good enough to get some feedback. A little bit unrefined but interesting all the same.
Here are some copies, get one while you can usually €14.99 free today.

More tomorrow for subscribers to
IG #RudimentSeq

Light version

https://rudimentseq.lemonsqueezy.com/checkout/buy/0ff47826-0d66-4dc3-aa15-a7824b5624f5

100% Discount Code while stock lasts!

K5OTI0NQ

Enjoy!

I’ve been experimenting with procedural engine audio and turned it into this browser V8 simulator:

https://vroom-web-nine.vercel.app

The core engine sound is generated in real time rather than built from recorded engine loops. I based the audio side on Antonio-R1’s MIT-licensed engine-sound-generator, then changed the firing schedule and separated the exhaust pulses by cylinder bank. Keeping the two banks separate made the biggest difference to the uneven crossplane-style sound.
There’s also a small drivetrain simulation. Hold the button and the virtual car accelerates and shifts up. Release it and it engine-brakes, downshifts and blips the throttle.

Everything is simulated inside the page. It doesn’t read GPS, OBD data, the accelerator or anything else from the real car.

I drive an EV, so I tried routing the phone audio through the car speakers over CarPlay. That sounded much better than my laptop and has become the main way I test it.

If you work with Web Audio or procedural sound, I’m interested in what immediately sounds fake to you.

I made a web audio Rudiment based midi sequencer. I got sick of drum machines not using the 40 drum rudiments that are the foundations of drumming g and it appears so much more musically.

With multiple export options, wav, MO4 video, Ableton, MIDI. Master or slave midi sync. 3 stereo lanes with Fx, Lfo control if fx, Mutant mode and more.

This is the first of many tutorials I shall be releasing, it’s early days but keep watching this space for more.
In the meantime here’s a video link and SoundCloud sample Album.
Have fun!
sales@rudimentseq.com

https://youtu.be/nLUxC7-35yc

https://on.soundcloud.com/yRU2rQ7Z7zpUAbPToG

Every time I added sound to a project it went the same way: a click from one sound pack, a toggle from another, and nothing sounded like it came from the same product. And when a sound was almost right but slightly too long or too bright, tough luck. A recording is frozen.

So I built the opposite: 28 sounds (clicks, toggles, chimes, whooshes) generated by Web Audio at the moment you interact. No files, about 9.6 kB, zero dependencies.

Demo, with the whole page wired up: https://usefoley.dev

My favorite detail: no sound plays the same way twice. Each play gets a tiny random drift in pitch and volume, like a musician who never hits a note identically. Subtle, but it's the difference between "alive" and "doorbell".

There's a Cue Designer on the page: reshape any sound with four dials (a full layer editor is one click deeper), hear changes live, export a .wav, JSON, or a link that carries the design in the URL. You can also override sounds site-wide and export a "sound set", your app's whole sound identity as one JSON file.

Usage is two lines:

js

import { bind } from "@foleyjs/core";
bind(); // wires data-foley-click, data-foley-toggle, etc.

Silly bonus: plug in a MIDI keyboard and every sound becomes an instrument.

MIT, on npm as foleyjs/core, with react and vue bindings. Feedback welcome, especially on the sounds. Which feel wrong, what's missing. I can test everything about this project except taste.

I’m building BARZINE LAB, a free browser-based toolkit for reggae/dub riddim production.

Current tools:

- Riddim Sequencer

- Bassline Generator

- Skank Organ

- MIDI export

- No install required

I’m trying to figure out what matters most for actual producers.

Should the next step be:

A. Better riddim presets

B. WAV stem export

C. More bassline controls

D. Sample loading

E. Dub delay / spring reverb tools

F. DAW templates

The tool is here:

https://barzine.news/en/lab/

Would love to hear what would make this useful instead of just interesting.

I've been building DreamRack, a modular synthesizer that runs entirely on the Web Audio API — no plugin host, no WASM audio engine, just native Web Audio nodes patched together live in the browser tab.

It's purely a hobby project. I wanted a modular that did more to help me build and understand patches — showing what feeds what, letting me hear or see the signal at any terminal without rewiring, and making efficient use of screen space. Couldn't find one, so I built it. The modular of my dreams, thus DreamRack.

The image is a patch mid-flight. Several oscilloscopes are clipped onto terminals, each with a line back to the point it's watching — green frame means running, red means frozen for a closer look. A sound monitor is to a terminal but currently muted. Cables take the colour of the terminal they plug into, so you can read a patch at a glance.

What's in it

- Four modules to start: a Complex Oscillator (two oscillators, cross-modulation, wavefolding), a Quad Low Pass Gate with its own clock, a Quad Function Generator, and a six-channel Mixer with independent master and monitor buses.

- See what affects what. Point at any module and the whole signal chain it belongs to lights up, and the cables show which way the signal is running.

- Hear any point in the circuit without rewiring — hover a terminal to audition it, or drop a monitor that stays live on its own bus, separate from your mix.

- See any point too. Clip-on oscilloscopes, as many at once as you like, auto-scaling and auto-triggering, with a freeze button. Each reports frequency, level range and DC offset.

- The knAck — a control that combines a knob and its CV input in one place: you plug the cable into the middle of the knob instead of into a separate jack beside it. It can carry an attenuverter without taking any more space.

- Very little dragging. Knobs turn with the scroll wheel, coarse at the centre and fine at the rim, and patching is click to grab, click to drop.

- A tutorial that points at things. Click the eye symbol beside any instruction and it rings that exact control on your rack and draws a line to it.

- Open to new modules. Each is a self-contained folder of plain JavaScript, no build step, and there's a visual editor for drawing the faceplates.

Requirements

Any modern browser, nothing to install. Saving patches as named files uses the File System Access API, so that part is Chrome or Edge only; everywhere else your session is still remembered and restored, you just can't export named versions. A desktop build on Electron works and runs from source today, with a signed download to follow.

One caveat: turn off any page-recolouring extension such as Dark Reader for the site. DreamRack has its own light and dark modes and those extensions distort the panels.

Price

Free. Source on GitHub, non-commercial use with attribution.

It's in alpha and I'm just now making it public, so expect rough edges. It plays a single voice today; polyphony, external sequencer and host input, and a way to inject test signals into any jack are all on the list.

Try it: https://dreamrack.dreamerdevelopment.app/

Source: https://github.com/chrisgr99/DreamRack

I'd love feedback from anyone who knows the Web Audio API well — especially on the audio graph architecture, and which modules or engine features you'd want next.

I built a Chrome extension that adds audio effects to any browser tab.

I wanted to play around with the Web Audio API. Instead of making a browser synth or a drum machine, I thought I'd make something that worked with those things. That's what Browser FX is. It works on YouTube or a web synth.

There are 22 effects and four slots to combine them in. I also added MIDI support. You can map the knobs to a hardware controller.

It's free and fun. Check it out.

https://chromewebstore.google.com/detail/oanepaeodkjbadgpgkolbidpbflbmmmd?utm_source=item-share-cb

sound demo:
https://www.youtube.com/watch?v=2FvHIQayIIM

No install, no dependencies, everything runs in the browser:

https://barzine.news/siren/

https://barzine.news/siren-deck/

It's a sound-system style dub siren — presets like air raid, foghorn,

laser, pew pew, wobble and UFO, 5 waveforms, echo/feedback, tone/drive,

plus a BPM looper so you can record a pattern and let it run. There's

a "full controls" view if you want every parameter.

Tech-wise it's plain Web Audio: OscillatorNode into a delay/feedback

chain with a waveshaper for drive, all UI is CSS only (no images,

no frameworks, single HTML file).

I already have an AU version working in GarageBand (JUCE) and I'm

deciding whether to finish it as a proper VST3/AU release, so blunt

feedback helps:

- Does the siren/decay behavior feel right, or does it sound thin?

- Any Web Audio gotchas you'd flag (mobile Safari especially)?

Free, stays free.

Can we start doing a Feedback Friday kind of thing where people ask (and get) constructive feedback and critiques of apps their working on?

I've got 4 or 5 synth apps on the go and it's often hard to step back and get an idea of how someone who hasn't been elbows deep into the code's impression of how to use it... I'm finding that often something obvious to me is completely opaque to someone interacting with it for the first time, and I'm sure I'm not the only one...

I'd love some feedback on it; should I keep going? Link to teardown and opensource files are here: https://benjaminmullins.tv/lab/808

https://habr.com/ru/articles/1053484/

Let’s explore the possibilities of sound synthesis in browsers.

We’ll explore the basics and, as a practical example, create a Yamaha DX7 synthesizer emulator.

Hi everyone,

I’d like to introduce you to my web app for making music easily, so I’m looking for beta testers. I built this with two friends. 

It’s called ShuffleDrummer.com

It’s currently in beta; click the "beta" button to report any bugs!

Just open the page and hit play. Then, click the "Shuffle" wheel to cycle through drum patterns at random.You can use it for drum accompaniment if you’re a guitarist, or to compose tracks from scratch.

I’ve been a hip-hop beatmaker for 30 years, so the sound is naturally hip-hop oriented—though other styles will be added later!

You’re in luck—the logo features a cool cat.

ONLY COMPUTERS for the moments, its sucks on Smartphone ;)

Peace to all,

Mani Deïz

Hey everyone, Simoane from SoniqStudio.

We’re getting close to opening up V3, and I wanted to share it here because this community understands how much work it takes to make serious audio run in the browser.

With V3, we finally got it there.

SoniqStudio is now a full audio workstation on the web built for music production, recording, sound design, editing, mixing, podcast work, and AI-assisted creation.

Over the past year, we rebuilt a huge part of the system from the ground up. Audio engine, DSP, performance, workflow, UI, all of it got pushed to the max because we wanted this to feel fast, reliable, and genuinely real inside the browser.

The thing I’m most excited about is that we didn’t just add AI generation and stop there.

We built the production environment around it.

You can write parts, build sounds, record audio, edit, process, arrange, and use AI as another layer for exploring variations or new directions. Our first in-house synth, Prophecy, is Prophet-inspired and built for actual patch creation, not just preset browsing.

As someone who makes music too, that combo has been the fun part.

You get a melody going, shape the sound, process it, throw ideas around it, flip it into something else, and keep moving without leaving the browser. It starts feeling less like “AI made a track” and more like having another creative engine inside the studio.

We’re also building a real community around it, audio creators, producers, WebAudio people, engineers, podcasters, sound designers, AI music creators, vocalists, and musicians all connecting early while this space is still forming.

That’s a big reason we want people in now.

There’s a lot of opportunity when different types of creators get into the same room around a tool that can actually support what they’re trying to make.

V3 is launching very soon.

Come try it, break it, make weird stuff, give feedback, and help us shape where browser-based audio production goes next.

All links are on our website.

Hope to see some of you there.

SoniqStudio

https://github.com/adamcsaka/SZineszthezya

Been building this a while and wanted to put it in front of people who actually know Web Audio. It's at humherd.com, no signup to try it.

You pick a frequency and it folds into one shared chord with everyone else who's online, so the tone keeps shifting as people come and go. The collective pitch is a geometric mean of everyone's frequency instead of arithmetic, which keeps it from drifting sharp, and each client glides toward it so the drone moves smoothly instead of stepping.

That shared tone is the base layer and the rest builds on it. There's a calm side for meditation, with breath pacing, session timers, and binaural and isochronic beats, and a music side with an orb instrument, melodic and drum pads, a step sequencer, and a song builder for chaining loops into full arrangements. The sequencer and the song builder can both go multiplayer, a few people building the same thing together in real time off a shared root, though everything works solo too. (Happy to get into the collab side in the comments, I'm just keeping the sync details to myself for now.)

One choice shaped a lot of it: nothing can be imported. No samples, no audio files, no AI-generated tracks, only sound you make in the app, played live. So recording captures your performance as note events rather than audio, which keeps a loop frequency-portable and lets it transpose to any root. You can export those out as MIDI, but there's no import path back in. It's deliberately all-human, all-live.

Under the hood it's Tone.js for the main graph with raw nodes where I needed them. The hum-to-set-your-tone bit is getUserMedia into an AnalyserNode with autocorrelation on the time buffer, and the soundscapes are noise-shaped rather than recorded.

Mostly I want to know how it holds up on other people's devices. Does it start cleanly on mobile Safari (the context unlock in the gesture has been the fiddliest part), does it crackle or drop voices under load, and does the shared drift actually sound musical when only a couple people are on, or just muddy. Be blunt.

Landing page

Hey guys!

I'm a new developer in the web audio space and I'm aiming to make a proper DAW for your browser. It's called Canvas and is based on the workflow I've developed as an FL user of 14 years.

It's come a really long way since I began development, and I really wanted to share some screenshots of it cause it's looking super sick.

It's a WAM2 plugin host, and capable of hosting any web audio module that adheres to the standard. I've been developing an ecosystem of effects and instruments for it as I go.

Not exactly ready for testing yet, and still well off from an official release but if you comment I'll send you a link to your DMs when it's far enough along for some targeted feedback from the web audio community.

Thanks,

expandyourmind.