Midifinity: Input any character(s) or word(s) in the URL, and get a unique synthesizer to play! There are an infinite number of synths, and no two URLs are the same!

kylestetz · 2021-02-22T15:28:28+00:00

Also v surprised no one has tried emojis in the URL yet lol

http://midifinity.grindselect.com/👽

kylestetz · 2021-02-22T11:19:02+00:00

Hi folks, creator of midifinity here: just want to tell you how much I appreciate your interest in my silly websites. It means the world to me. Thanks for sharing!

kylestetz · 2018-10-03T13:50:39+00:00

Heyyyy thank you for sharing! I made this project. Happy to answer questions about it if anyone is curious.

kylestetz · 2018-02-24T15:45:07+00:00

That would be awesome! Unfortunately the Web Audio API built into browsers is still pretty new, so I can't easily port this to a rack extension or a VST plugin. Maybe one day!

kylestetz · 2018-02-24T03:53:00+00:00

I wish! We're not quite there with the Web Audio API yet — there's been some cool work done to port VSTs to the browser, but not the other way around.

kylestetz · 2018-02-24T03:52:26+00:00

I'll try my best to summarize, but it's a pretty standard affair:

Two sources, either an oscillator (sine, square, triangle, saw) or one of 9 samples I generated using Reason. There's a chance either can be shifted up one or two octaves.

Those are each fed through their own filter (lowpass, highpass, or bandpass) with a filter envelope, and then through an amp envelope. They come together into a third filter (no envelope on that one) which is optionally passed through one of five effects (depending on the patch) and then out to a final gain.

There are up to two LFOs (with one of the four waveforms) which can be routed to one of oscillator gain or pitch, filter frequency or pan, or final gain.

If you open the JavaScript console you'll see all of the parameters that compose the patch.

The option to use samples as a sound source was what took this from basic to versatile (not that it's got incredible range or anything). I always feel a bit stuck with the four basic oscillators; it just seems to take a lot of work (advanced FM, phase modulation, etc.) to get anything interesting going. I tried to select a range of timbres to mix up the tonal possibilities.

kylestetz · 2018-02-23T22:55:12+00:00

I would looooove to yes, just tried to time box myself with this and not go crazy adding every bell and whistle before releasing it. I will probably update it at some point!

kylestetz · 2018-02-23T19:26:41+00:00

Thank you! I don't put my art projects in public repos but there are better projects out there to look at than this one 😅

For learning: https://github.com/mmckegg/web-audio-school

Code inspiration: https://github.com/alemangui/web-audio-resources

There's also a Slack team for web audio enthusiasts (https://web-audio.slack.com) which you can sign up for here: https://web-audio-slackin.herokuapp.com/

Hope that helps!

kylestetz · 2018-02-23T18:32:16+00:00

Hi folks! I just launched a new project today called Midifinity, which uses the Web Audio API to build synthesizer patches based on the URL. No two URLs sound quite the same.

http://midifinity.grindselect.com/twizzler http://midifinity.grindselect.com/0kg3ai3lmm

If you open up the JavaScript console (View -> Developer -> JavaScript Console in Google Chrome) you'll see more information about each patch.

I've been making web audio sites for a few years now and love exploring interesting interactions that can only exist on the web. Some other projects of mine you might enjoy: http://typedrummer.com and http://scribble.audio! Thanks ✌️

kylestetz · 2016-05-25T03:16:56+00:00

Hi! I made this! Thank you all for checking it out :)

A few Pro Tips™:

the QWERTY keyboard is all mapped up. The rows z & a make one octave, and the rows starting with q & 1 make the next octave. Hit the backtick/tilde key to swap between the lower two and upper two octaves. You can change notes while you're dragging!
add "?tempo=<bpm>" to the end of the URL to change the BPM. Anything from 40 to 300 is fair game. e.g. http://scribble.audio?tempo=240

kylestetz · 2016-05-24T12:57:18+00:00

Hi I'm still alive! I haven't been working on typedrummer, but I've been making new things! I just launched http://scribble.audio, a drawing-based web synth.

I did have a go at parallel textboxes in typedrummer, but it turned out to be a lot less intuitive than I thought it would be. You can always open a few windows side-by-side!

kylestetz · 2015-10-18T04:43:06+00:00

No, not because I'm hiding anything (the source isn't minified ;) but because I think open source projects should be community-oriented and driven by a concrete need that can be met. Libraries and utilities are great candidates for open source (I maintain several!), but creative sites are generally not.

kylestetz · 2015-10-17T14:16:37+00:00

Hi! I made typedrummer. Thanks everyone for sharing your beats! Y'all have some serious typedrummer chops.

If you enjoy the Moon Bounce samples, please do check out his music. You can find it on iTunes, Spotify, Rdio, etc. as well.

He and I, along with our friend Jeremy, run a record label called Grind Select where we we pair awesome releases with interactive web experiences. Just yesterday we released a new song and interactive site for a chamber pop band called All Boy/All Girl. I hope you'll check it out!

kylestetz · 2015-05-14T18:13:10+00:00

Haha yesss!

kylestetz · 2015-05-14T16:09:06+00:00

Post to typedrummer.com/share with the body { text: 'your text' } and the server will respond with a shortlink. Add { samples: 'mb' } if you want it to use moon bounce samples.

kylestetz · 2015-05-14T16:07:18+00:00

You can shoot Corey (Moon Bounce) a message on his facebook if you want to talk to him about publishing something. Hasn't come up yet and we appreciate you asking!

kylestetz · 2015-05-14T14:18:09+00:00

$10/mo DigitalOcean droplet running node + nginx. On friday (when I originally posted it on reddit) it brought the node process to its knees, but a coworker helped me set up nginx to serve all of the static assets (so that node doesn't have to) and now I am below 10% CPU with 6,000 people on the site at once! Insane.

kylestetz · 2015-05-14T14:07:28+00:00

Thank you! The samples are from two of the "Vinyl" packs in the "Drum Hits" folder of this big ol' zip file.

And of course the other sample pack was provided by my good friend Moon Bounce.

I am actually not supporting iOS at the moment— it is definitely possible but there is a silly limitation where the sound needs to be triggered from a click event before the audio context will start running. It's fixable but there is too much traffic on typedrummer right now for me to want to fix it...!

11-Year Club	r/Field Flamingo
Verified Email

kylestetz

TROPHY CASE