I built the soundtrack of my mobile game entirely in Web Audio, with no audio files: a Korean gayageum (silk-string zither) using Karplus-Strong. Write-up plus a playable demo (same code as the game):

https://boreumdal.app/devlog/gayageum/

Web Audio details that might be useful to others:

• Strings are rendered once into an AudioBuffer (a couple of dozen distinct strings at most) and played with AudioBufferSourceNode, which is cheap on phones.
• Bends and vibrato are playbackRate automation: linearRampToValueAtTime for the bend, setValueCurveAtTime with a 48-point sine curve for a 5.2 Hz vibrato that deepens after the attack.
• A shared "body" chain on every string: peaking EQ at 260 Hz (+4 dB, Q 0.9) into a 4.2 kHz low-pass.
• Scheduling only uses AudioContext.currentTime with a 0.4 s lookahead per frame, so the game's hit-stop never affects the beat.
• Ducking on each hit: cancelScheduledValues, ramp to 45% in 20 ms, then setTargetAtTime back. Low health slides the music low-pass from 4.2 kHz to 700 Hz.
• For checking levels I render the title, a full run and each boss through an OfflineAudioContext into WAV files and log peak and RMS.

Questions and critique welcome.

Hey everyone! I made a browser-based chord app with the help of AI, inspired by the Juno-106. It’s not an emulation—just a fun way to play with Juno-inspired sounds and chord sequences.
It works on your phone and runs offline too. I’ve been having a lot of fun messing with it on the subway.
Features:
• Scale-aware step sequencer
• Juno-inspired sounds
• Delay, reverb, flanger, and two choruses :)
• Auto-mapping for 15 popular MIDI keyboards
• Sidechain pumping to an “invisible” kick
• Arpeggiator
• Loop recorder with up to 4 layers and stem export
• Sample pack maker
A note on MIDI: use Chrome on desktop for MIDI mode. I haven’t figured out mobile MIDI support on iPhone or Android yet—if anyone knows a way to get it working, I’d love to hear it. You can still play the app on your phone without a MIDI keyboard.
Try it here: https://dub-chords-106.vercel.app/
Would love to hear what you think, what you make with it, and any bugs or suggestions!

I've made my own brickwall limiter effect as AudioWorkletProcessor, which is a multi-stage limiter similar to FabFilter Pro-L2 (albeit without true peak limiting, oversampling nor lookahead) where there are two distinct stages (with the same brickwall ratio and hard knee for each stages); leveler stage that reacts to average levels and has attack and release controls that you find in some dynamic-range compressor effects, and brickwall stage that reacts to peak levels of the first stage output (that contains peaks that exceed the ceiling)

BTW, this multistage limiter effect has sidechain prefiltering (to make first stage less reactive to bass frequencies by applying K-weighting filter, and so the second stage do more work on bass and slightly less work on trebles), which is basically the idea of priority EQ section for future FabFilter Pro-L 3 and also an internal multiband sidechain I've implemented and recently I've implemented a "wideband detection" parameter that when set to 100%, it detects the audio levels using an unfiltered/wideband sidechain but retains filtering and multiband detection for auto-release stuffs

In this demo project, it has a useful audio visualization with four different modes that would be useful to visualizing how does peak limiting introduces distortion and dynamic range changes:

BTW, I've also made a thread about multistage limiting effect in general on HydrogenAudio forums, which while I post some update notes for my own effect over this HA forum thread, this forum thread aren't about my own brickwall peak limiter effect and on unrelated note, the idea of multiband detection on a wideband limiter are used in Tone Projects Uni-L limiter plugin and also inspired my idea of "Adaptive" style for FabFilter Pro-L3 limiter plugin

And on the spectrum analyzer part of this project, there is an option to show red FFT graph showing potential distortions being introduced by a limiter effect:

Processing gif 4xlfs2rln1yh1...

I've been building NodaLab (https://nodalab.app), a sandbox for music where you program with nodes instead of code.

Scales, chords, rhythms, melodies and instruments are nodes. You wire them together, and the graph plays live as you edit it, all in the browser. No fixed workflow: what you build depends on how you wire it.

What people make with it:

- exercises: ear training, reading, intervals, chords on a fretboard or a keyboard, checked as you play

- backing tracks built from a chord chart, to improvise over

- whole pieces, from the harmony up to the mix

- algorithmic music: canons, phasing, a fugue written by a graph, randomness with a seed

- visuals: score, tab, piano roll and fretboard, all following the sound note by note

- play-alongs: the transport follows an audio recording or a YouTube video

The timelapse above is me building a piece; the full video is on YouTube: https://www.youtube.com/watch?v=9x6MkzGpdc0

Start here, no account needed: an Irish jig built only from nodes

https://nodalab.app/demo.html#/collection/composing/a-folk-piece

Audio is all Tone.js, theory is Tonal.js. It's a free pre-alpha: any impression is welcome.

Edit: one thing I left out. With a free account, NodaLab is also a place to make music with others: a profile, people and collections to follow, groups for a class or a band with their own conversation, private messages, a discussion under each project, ratings and a forum.

I built a browser groovebox: MS-20 style synth, 303-style sequencer, 808/909 drums, MIDI control, session recording and WAV export. Would love feedback on the sound. https://reflux.live/

I'm the developer of UNIT, a free browser groovebox built for KPT. It has 8 tracks × 32 steps and 36 synthesized sounds, with no account needed. This is EAST SYSTEM 53, a stock Hardtek preset at 170 BPM:

https://keepitunderground.com/unit/b/1hVTRrqMgEP2VzXmeEkWpLX9ibvogau8lurUr9iZr03-_UakiW7skk2FgdM45DNzxDRkSFGSYBITfkAFLBOETEl9ZW3RlBUIH-XGHgUSl82o3bIBQQQaEevjkSLhC3tGW32WrhpUgJhTadMOcE4oyz_4O88OD8GdIDSA_0DPGDGNsy-NECP-f2Pc4PR40QVSZMbu2qes1xIQTWkiEv1TWwuJ9hTAWhPw2LseckDeXrrm14y8OhPrcDNNIrHgwo807m3nYhd7ZXOa97kFI07RKU5WOvrB-jM9j7FD9yrpdcy0va6biSa6sJ0ahwy7aE67ZZcxLPBKjotvmFM7r7Louuuf_tEAknLqJV2r6qTvceNFrvaFWsWLaEyOvG1N6vRnFsx4WC58P-ChmNSJPDaWMemczRGWM2jJjjNuava9azP2zEuQqOAM9LDi5f2rj0J6Kz7h3pdQ24ZW3rVek0zhbX1k_rvu3LMu1L_b-xS3rbpfy-bDMRLlwHgi3UxbS0fbtm-XY-2potmlGs4lkau-Xw9PGlXZJtroo1_z4wW8msTwXxxnVutsN0-ydDRVPjx8?r=rd-webaudio&utm_source=reddit&utm_medium=organic_social&utm_campaign=unit_seed_01&utm_content=preset2

The link opens the same pattern for editing. One question for people who build audio tools: do you prefer sharing sequencer state as a URL or as a file export?

I made Tiny Beats for Openbench, a small browser music toy. This demo shows the step sequencer, effects and live pattern mutation.

There are 10 synthesized tracks, with drums and percussion alongside bass, lead, pluck and pad. Controls include tempo, swing, scale/key, per-track tone and volume, filter, delay and reverb. Live mode evolves the pattern; recording captures what you hear. The current pattern is stored in the URL so another person can open the same groove.

Try it: https://openbench.fun/beats/, free, no account or installation.

I used AI assistance during development. Feedback on the instrument balance and scale/key workflow would be useful: can you explore a pattern without losing the groove?

#TinyBeats #WebAudio #MusicProduction

Image to MIDI, right in your browser

Lumidi reads an image's colour and light, picks a musical key from it, and writes a melody, a chord progression or an arpeggio guided by the image's brightness. You can preview the result with a built-in sine synth and download it as a standard MIDI file for any DAW. Plain HTML, CSS and JavaScript with no dependencies or build step.

Everything runs client-side: the image and the MIDI file never leave your machine.

Live: https://theogal.github.io/lumidi/

Disclaimer: Im into web developing but this app was entirely vibe-coded with Claude

github details and download: https://github.com/TheoGal/lumidi

I’m the developer behind Somora, an AI music platform. I’ve added Kassio Studio, a free browser DAW for registered users, and wanted to share the Web Audio side of the project here.

The engine uses AudioContext for playback, oscillator- and buffer-based instruments, decoded audio tracks and per-track processing. WAV export renders through OfflineAudioContext. The editor has a draggable, resizable piano roll with note audition, a drum sequencer, audio import and recording, and separate previews for the part you’re editing.

One workflow I wanted to support was adding your own instrument or drum part to a completed song, then listening to just that part before running the entire arrangement. Projects are saved to the user account so the arrangement can be reopened.

The editor is in beta. It requires a Somora account and is free to use; the platform’s AI composition and music-generation allowances are separate. The interface is available in English, Portuguese and Spanish.

You can try it at https://somora.media — Kassio Studio is in the menu after sign-in. The screenshot below shows the actual editor.

I made ( I instructed Claude to make) a browser real-time spectrum analyzer

Live demo: https://theogal.github.io/spektre/

Highlights

• Sources: select to analyze signal from an input device, browser tab or whole system using screen sharing or load a local audio/video file.
• Calibrated dBFS: a 0 dBFS sine reads 0 dB.
• Precise peak readout: interpolated peak frequency and level, with the note name and cents.
• Display modes: line, or 1/3, 1/6 and 1/12-octave bars, with optional peak hold.
• Live stats: RMS and sample-peak meters.
• Resolution control: FFT size from 2048 to 32768, with the bin resolution shown live.
• Analysis options: dB/oct slope, channel select (L+R, L or R), smoothing, display range, and freeze (Space).
• Spectrogram: an optional scrolling view under the main plot.
• Cursor readout: hover on desktop, or touch and drag on a phone

download from Github: https://github.com/TheoGal/spektre

Hi there.

I've recently released a host application running on the browser.

Wiyard is a WebAudio based host application with a wire graph editing interface and a desktop-like multi-window system.

The graph edit part follows Patcher (in FL Studio), but here, the inputs are extended to multiple ports and a built-in piano roll is provided to create phrases as a standalone application.

It uses the Wafer plugin protocol that is designed with the good compatibility to existing WebAudio apps. Audio connections, note messages, automation, clock synchronization, and state persistence are handled on the protocol.

There are about 40 plugin units available. Some units are based on the existing open-source applications and ported, others are made by me from scratch. It includes sequencers, drum-machines, synthesizers, and effects. They are played synchronously to the host's master transport.

The features are included in:
- Scalable graph editor and desktop
- Piano roll editor
- MIDI keyboard support
- MIDI assignable control surface
- Automation curve editor
- Volume and pan control for instrument units.
- Part on/off, solo play control for instruments
- Wire volume knobs
- Project persistence
- Import/Export project
- Sharable project data URL
- Theme customization

The app is totally free and the whole source code is available on GitHub.
Please feel free to try it out!

https://wiyard.pages.dev

Hey everyone!

I've been working on PR-1, a free drum machine and step sequencer that runs directly in your browser.

The idea was to create something inspired by classic drum machines and grooveboxes, but without requiring any installation, account, or subscription.

Some of the current features:

• 808 and 909-inspired drum kits
• 32-step sequencer
• Multiple pattern banks
• Swing
• Per-step velocity
• Probability
• Ratchets
• Track mute and solo
• Mixer and effects
• Custom sample loading
• Pattern/project saving
• WAV recording/export
• Keyboard shortcuts

Everything runs directly in the browser, and the project is completely free and non-commercial.

You can try it here:

https://pr1-drum-machine.pages.dev/

Instagram for send your ideas/covers:

https://www.instagram.com/pr1.drum_machine/

I'm still improving it, so I'd especially love feedback from people who actually use drum machines, samplers, trackers, grooveboxes, or hardware sequencers.

I'm curious about things like:

• How does the workflow feel?
• Is there anything that feels unnecessarily complicated?
• What feature would you personally add next?
• Is there something from classic hardware drum machines that you think PR-1 is missing?

The project started mostly as an experiment with browser audio, but it has gradually turned into something I actually enjoy using to make beats.

Made with ❤️ in Chile 🇨🇱

Thanks for checking it out!

It's a web based phase distortion synth (trying to be like a CZ-101 with a few extra bits) playable at https://www.crazyphase.com/czp-1/ .

I've been building Resona, a small browser music playground. The clip is a real capture with the app's own audio.

For the wood, metal and glass instruments, material and dimensions feed an approximate modal model, then generate cached PCM buffers. Live taps and recorded loops share the sound path. Nature objects have separate designed voices or field recordings.

One useful separation: loop playback makes sound without applying physics impulses, so a rhythm can't knock the scene apart. Three.js + React/TypeScript + Web Audio, built with AI coding tools.

Synthesis is still on the main thread with caching. Curious where you'd draw the line for moving a toy like this to an AudioWorklet.

https://resona-pearl.vercel.app

Just a quick proof of concept for a webcam knob system I'm building into some of the sequencers I'm building for live performances. I know the knob is backwards at the moment :)

Free. Runs in a browser. Still a work in progress.

Arroyo — https://arroyo.strangefrequencies.fm

• Rhythm sequencer with no step grid. Each voice is a probability field around the pulse, re-rendered every bar.
• Knobs shape the field. Nothing snaps to a grid.
• Microtiming is modeled as consistent per-position offsets, not random jitter.
• Guard holds the kit's syncopation inside a band (Longuet-Higgins & Lee metric, per instrument, echoes included).
• Every knob can be set to glide to a target over 4–32 bars.
• Two decks with a morph crossfader. Cue mode edits a silent deck on separate MIDI channels. Like a club DJ had a baby with a modular geek.
• Melody capture: record MIDI or hum into a mic; the take becomes material the knobs quantize, transpose, and vary.
• Sessions record every control move per bar. Replay, export any 2–32 bars as MIDI (one track per strip), or share the session as a URL.
• Outputs MIDI. Hosts WAM 2.0 instruments and effects per strip.
• Free. Runs in Chrome/Edge (Web MIDI). iPad via network MIDI bridge.

Modules — https://strangefrequencies.fm/tools/ (WAM 2.0, load in Arroyo or any WAM host)

• ABUELA — semi-modular monosynth. Two drifting oscillators with hard sync, 4-pole ladder filter, one envelope, spring reverb. https://strangefrequencies.fm/tools/modules/abuela/
• SICARIO — bass/lead synth. Every note slides to its pitch. Twin saws and sub, wavefolder, ladder filter, LFO on cutoff. https://strangefrequencies.fm/tools/modules/sicario/
• CACHONDA — percussion synth. One synthesized drum per instance: morphable exciter into a modal resonator, skin to wood to metal. https://strangefrequencies.fm/tools/modules/cachonda/
• LLORONA — reverb. Large feedback-network reverb whose wet field moves around the stereo/binaural stage. https://strangefrequencies.fm/tools/modules/llorona/

Camera knob

• A physical knob with a lit slit, tracked by a webcam. Arroyo maps the rotation to any of its knobs.
• Setup: click the knob center in the preview, click the rim, assign a target.
• This video uses an overhead camera. The final version puts the camera underneath, inside an enclosure; the slit is both the tracking mark and the position indicator through the panel.
• Knob and enclosure are Gridfinity-based, so the panel is modular.

Can anyone tell me what's being said in this crappy audio file?Have posted 2 versions in other threads.One with noise reduction and one without.Not getting much help.This is raw audio file.No tampering.Its very faint voice.Trying to figure out what's actually being said?

oteljazz.com, built on Tone.js. A few implementation details that might be useful if anyone's doing scheduled/generative audio in the browser:

Scheduling: everything goes through Tone.Transport.schedule/scheduleRepeat rather than plain setInterval. Found this the hard way, a background or occluded tab throttles setInterval, but Transport's default worker-based clock isn't subject to the same throttling since it escapes the main thread. Fixed a real bug where the UI would silently stall for seconds at a time under exactly that condition.

Lookahead: audio is scheduled roughly 24 seconds ahead of playback into the graph. Once a note is scheduled it's sample-accurate and independent of the JS main thread from that point, which is why audio never glitches even if something briefly blocks the UI thread.

Effects chain: a lowpass filter plus a pink-noise bed for a tuning-dial "detune" effect, ramped with rampTo rather than snapped with .value= so turning the knob sweeps through the frequency change like a real dial's IF whine instead of jump-cutting.

CSP: samples and the corpus model are same-origin fetches, Tone.js is vendored rather than CDN-loaded so script-src can be 'self' with no third-party origin, worker-src needs 'self' blob: since Tone spins up its audio worklet from a blob URL.

Two Salamander piano and University of Iowa bass sample sets, individual mp3s per note rather than a single sprite. Code's MIT: github.com/mob1ius/oteljazz

Utilizing the web audio api, Locus take inout form a variety of sources and uses HRTF to record and max spatial audio. This has been a passion project for a while, and my only hope is everyone will be able to use it who would benefit from it
Note: Pro version in the works

[ Removed by Reddit on account of violating the content policy. ]

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!