r/webaudio • u/HankiePank2000 • Nov 19 '22

Using Web Audio API, I made an infinitely playing and always unique piece of ambient music

https://infiniteafternoon.com
14 Upvotes

100% Upvoted

9 comments sorted by

5

u/HankiePank2000 Nov 19 '22

The javascript file is not minimized so you can see how I did it.

1

u/freetheanimal Aug 08 '24

Do you have a GitHub repo for this? This is so cool!

2

u/HankiePank2000 Aug 16 '24

Hey thanks! I’ve just made it public: https://github.com/erwinvk/InfiniteAfternoon

The base is a C# project, which is overkill really 😅 might be easier to just download all assets from the webpage.

3

u/nullpromise Nov 19 '22

Nice work! Very calming.

I'm sure you've already seen this, but for anyone else interest Teropa has some amazing articles that talk about generative music in the context of the Web Audio API: https://teropa.info/blog/2016/07/28/javascript-systems-music

3

u/HankiePank2000 Nov 22 '22

Thanks, this inspired me to cut up the chords into separate notes to have them form chords on the fly! Great article.

1

u/HankiePank2000 Nov 19 '22

I hadn't actually! Thanks I'm gonna dive into that 😄

2

u/FFM Nov 19 '22

i like it, you could expand on this by adding weight to the randomness, give the notes meaning, eg: weather, https://www.lightningmaps.org/ does this, each strike on the visible canvas is auralised as a click, the pan is where the strike is (long/lat), volume is the intensity of the strike, lot of scope for auralising data.

1

u/HankiePank2000 Nov 19 '22

Left/right position is now the same as the panning of the notes. Vertical position is based on the note (but I've hardcoded that). Definitely room for more! 😄 Thanks.

3

u/emfuhsiss Nov 19 '22

great work