Web FM synthesizer made with HTML5

Very neat! Though I got prominent clicks and artifacts in both chrome and firefox.

If anyone's interested, some years ago I made a wrapper library for things like this, to wallpaper over the famously hairy WebAudio synthesis API. Basically you pass in a static object describing the audio graph and parameters you want, and the lib creates the WebAudio nodes and then cleans them up after the sound releases (hopefully without clicks, unless you specifically want them).

https://github.com/fenomas/wasgen

it seems to support webmidi, so you could plug in a midi keyboard, or use an application that generates midi.

awesome! I actually have this synth on ios as well. Can't have enough FM.

This is REALLY cool! I love WebAudio. Things that can be achieved with it, plus new speech recognition tech, plus other AI stuff, I think are going to be truly incredible!

Audio processing and synthesis is one of those things where you can do high quality in real time on mobile devices, and achieve delicious fast feedback loops. Creating new interactive modes of creativity! It's less possible with video because of the complexity and added cost. Right now anyway.

So exciting! I know the synth may look simple, but it's my feeling that it's really well made.

Regarding commenters mentioning click artefacts...that's troubling! I personally did not encounter it here, but I find, quite strangely I think, that: click artefacts are almost a "Random" bug. They show up sometimes, but not other times, even if everything else is seemingly the same.

That's been my experience. Maybe it's an "artefact" (pun intended) of dealing so closely with hardware. I don't know! Any experts want to weigh in on a way to avoid click crunches in WebAudio?? :)

edits in italic:

I found the GitHub repo: https://github.com/mizuhiki/webfmsynth from 11 years ago!!!! :) ;px xx ;p

More fascinatingly it seems the original genesis of this project and its innovations came from the guy's academic work: https://github.com/mizuhiki/webfmsynth/blob/2cd2655fb5f8e1f7...

TFA is old enough that the "HTML5" here means "as opposed to Flash".