DEV Community 👩‍💻👨‍💻

Cover image for Mr. Meow meow 😹
Ilya Nevolin
Ilya Nevolin

Posted on • Updated on

Mr. Meow meow 😹

Past few weeks I was obsessed with the song Mr Sandman. And been thinking of making a cat edition of this beat.

Since I couldn't find anything decent on YouTube, it was time to have a productive Saturday!

Video Demo 1: https://www.youtube.com/watch?v=y7hKNtucQbg
Video Demo 2: https://www.youtube.com/watch?v=Eu4TOEb1xII

Live Demo: https://nevolin.be/meow/

GitHub: https://github.com/healzer/MeowSynth
This code may not work on a mobile device (not sure why).

Implementation

I'll briefly explain how I made this.

I used ToneJS which allows us to sample and synthesize mp3 sounds and use them as separate notes (it does some manipulations behind the scenes).

Next we need the piano notes of this song, so I Googled for a MIDI file and used ToneJS MIDI to JSON tool to get the bass and treble notes as arrays.

Those arrays can be merged and used as input for the Sampler :)

There is a lot of tuning possible, getting better meow sounds and/or more different samples. You can observe this in the code. It's just a few lines that you can play with.

Happy meow! Who can make us a dog, sheep and horse edition?

Top comments (1)

Collapse
codebyjustin profile image
Justin

xD

🌚 Life is too short to browse without dark mode