Happy 9/09 Day! Introducing the ER-99 web drum synth
HTML-код
- Опубликовано: 8 сен 2022
- Play the ER-99 free here! extralifeinstruments.com/er-99/
Celebrate electronic music history on 9/09 day with ER-99, a web-based instrument 🎛️ based on a famous Japanese drum machine from the 1980s. It was built to celebrate 9/09 day 2022 🎉!
All of the drums are synthesized using the WebAudio API. The hi-hats, crash, and ride cymbals are produced from sampled audio.
The complete source code is available on Github:
github.com/matthewcieplak/er-99 - Хобби
so sweet thank you!! having lots of fun with it
This is awesome. Thank you. Subscribed! Great work!
BRAVO !! Really fun :p Thank you
Awesome project, I found this inspiring!
IT sounds and looks amazing
That’s a slick bit of programming
That's a fun little drum machine
wow that's amazing
This is great!!
It's silent in Firefox, works great in Chrome.
Good catch! Should be working in FF now.
I would love to see a build guide or what the development of this looked like. Super cool!
Thanks! The source is all on github so you can read the commit history - not sure what I'd add to that TBH. The hard part for me was learning how to use Typescript well and building the whole thing without a DOM library (no jquery) bc I wanted to learn the vanilla JS/ES6 stuff better. The actual WebAudio library stuff is pretty straightforward once you understand its weird little idioms like K-rate and A-rate parameters, and dealing with all the time stuff in fractional seconds instead of samples (very weird choice IMO). The gist of it is that the main JS thread runs very slowly and unpredictably so it needs to interact with the audio stuff by scheduling events in a special way with exact execution times. Anyway check it out here: github.com/matthewcieplak/er-99/commits/main
Sweet as, I will enjoy dabbling with that! Just found your channel so going to peruse your other vids, have a Sub! 🖖😊🎶
Very cool! Thanks for sharing!
One more - > Subscribed.
sick
Amazing work ! Can someone help me on how to send this as audio in ableton :)
Would it by any chance be possible to create a vst verion .. 😅.. really love what you created here ❤
Perhaps one day! VST is a completely different technology based on C++ so there's no way to port javascript directly. I am interested in learning VST development but it's a big undertaking.
This is insane! How long did it take you to develop this?
Thanks! About a month of work on random nights altogether. A lot of that was me futzing around trying to get familiar with typescript, but once you get the basic compile pipeline established and a couple beeps and bloops playing, the instruments are very straighforward to make. All the code is on github so you can read the commit history here if you'd like a window into the timeline: github.com/matthewcieplak/er-99/commits/main
brooooooo
Cool little machine!! BUT......... after I create a basic sequence, it doesn't "clear" so I can create a new sequence!! Parts of previous sequence continue to play. Quite frustrating!!
How can I CLEAR ALL SOUNDS SO I CAN CREATE NEW SEQUENCE???!!!
HELP!!!!!!!
Thanks! Yes, the clear function only clears the current track. If you need to clear all the tracks I'd suggest refreshing the page and then just saving an "INIT" sequence in the menu which has all the notes turned off. You can then load it whenever you like to reset all the drum lanes.
@@extralifedisco thank you so much for prompt reply!! Very appreciated..... your advice worked!! Sorry if my query seemed basic, but yours is the first drum machine I ever touched ... I look forward to playing it much more, and learning lots moving forward. Thank you again!!!
And thanks for creating a totally cool unit!! Yup, now a Subscriber :-)
Desn’t play on iPad.