Web FM synthesizer made with HTML5 • Hacker News Board

Re: Web FM synthesizer made with HTML5

#21

Post by ecmascript » Mon, Oct 30, 2023, 8:08 AM UTC

Re: Web FM synthesizer made with HTML5

#22

Post by g105b » Mon, Oct 30, 2023, 8:23 AM UTC

zX41ZdbW wrote: post #6

It has click artifacts in my browser (Firefox). PS. I've recently implemented an FM / additive / modular synthesizer entirely in SQL: https://github.com/ClickHouse/NoiSQL

Absolutely insane concept! Bravo!

Re: Web FM synthesizer made with HTML5

#23

Post by gka » Mon, Oct 30, 2023, 8:51 AM UTC

JSavageOne wrote: post #7

Is there no way to play the notes on the keyboard (without clicking)?

I was wondering the same, the ASD.. keys should ideally be the piano keys, like in most software synths

Re: Web FM synthesizer made with HTML5

#24

Post by otikik » Mon, Oct 30, 2023, 8:52 AM UTC

The more code-oriented folk might like Glicol https://glicol.org/

Re: Web FM synthesizer made with HTML5

#25

Post by rippeltippel » Mon, Oct 30, 2023, 8:58 AM UTC

otikik wrote: post #24

The more code-oriented folk might like Glicol https://glicol.org/

And Sonic Pi, perhaps: https://sonic-pi.net/

Re: Web FM synthesizer made with HTML5

#26

Post by chaosprint » Mon, Oct 30, 2023, 9:10 AM UTC

keepamovin wrote: post #18

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 th…

https://github.com/chaosprint/glicol

you can check my project; audio synthesis in browsers without gc

Re: Web FM synthesizer made with HTML5

#27

Post by chaosprint » Mon, Oct 30, 2023, 10:09 AM UTC

fenomas wrote: post #12

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 w…

clicks are challenging for web audio. your project looks great. I have a similar work here. Hopefully it can achieve performant audio synthesis in browsers:

https://glicol.js.org/

Re: Web FM synthesizer made with HTML5

#28

Post by keepamovin » Mon, Oct 30, 2023, 10:18 AM UTC

chaosprint wrote: post #26

keepamovin wrote: post #18

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 th…

https://github.com/chaosprint/glicol you can check my project; audio synthesis in browsers without gc

Cool, thank you! :)

Post a Show HN

Re: Web FM synthesizer made with HTML5

#29

Post by ioseph » Mon, Oct 30, 2023, 10:18 AM UTC

assimpleaspossi wrote: post #19

As in most cases, "HTML5" has little to do with this and it's all javascript.

Browser audio support came about with HTML5, the js APIs used for this sort of thing were to support the

Re: Web FM synthesizer made with HTML5

#30

Post by Cthulhu_ » Mon, Oct 30, 2023, 10:44 AM UTC

assimpleaspossi wrote: post #19

As in most cases, "HTML5" has little to do with this and it's all javascript.

It's an okay catch-all term for "browser technology from after 2010" I suppose, like how DHTML was a catch-all for HTML + JS and AJAX for fetching things from JS.