Live data from Hacker News

IO-808: A Web-Based TR-808 Drum Machine Using React, Redux, and Web Audio API

io808.com

11–20 of 20 posts

Re: IO-808: A Web-Based TR-808 Drum Machine Using React, Redux, and Web Audio API

#11
The 808 is such a fundamental instrument to genres of music like house music, hip hop, electronic music, even pop. I recently listened to an episode of "Switched on Pop" which analyzes pop music, and the episode reviewed the influence and rise of house music sounds in pop music. A music historian discussed this and the rise of house music - of note: how disco was very expensive to produce (requiring professional string players and other such musicians, studio sessions, etc). Instruments like the 808 allowed producers to create "cheap" disco --> house music.

It's a good listen: http://www.switchedonpop.com/41-breaking-down-the-house/

Keep making music!

Re: IO-808: A Web-Based TR-808 Drum Machine Using React, Redux, and Web Audio API

#12

The pop-up slider visualisers are interesting, anyone seen those before? Do they have a name?

Creator here: I don't know if they have a name but I based the design of that interaction off of Propellerhead's Thor iOS app which is the only other example of that overlay that I could find.

That's not in Thor on (desktop) Reason is it? I don't remember seeing it, but it's a really cool feature imo. I always have trouble fine tuning knobs, and I haven't figured out how to map them to my midi controller (the preset that it said would work didn't work. I can, at most, get one slider to map to a random knob). The pop up slider seems much easier to use with a mouse, even if the motions are relatively the same.

Re: IO-808: A Web-Based TR-808 Drum Machine Using React, Redux, and Web Audio API

#13
Could you get the closed hat to stop the open hat? The interface is quite nice. Also I suggest making the instrument labels clickable on the rotary as well as each channel, to select the instrument, instead of only being able to use the knob. We are in a browser after all, with luxuries like save and load. Love this, cheers

Re: IO-808: A Web-Based TR-808 Drum Machine Using React, Redux, and Web Audio API

#17
post #15

This is excellent work. Web Audio has so much potential. Are the drum sounds sampled or synthesized?

They're all synthesized: https://github.com/vincentriemer/io-808/tree/master/src/synt...

sweet!

Re: IO-808: A Web-Based TR-808 Drum Machine Using React, Redux, and Web Audio API

#18
Is there a general point of view on when it's Good to user-select: none?

https://developer.mozilla.org/en-US/docs/Web/CSS/user-select

It seems appropriate on this. It's not going to be selecting text if you use the dials correctly, but with a miss-click & drag, I was able to.

Re: IO-808: A Web-Based TR-808 Drum Machine Using React, Redux, and Web Audio API

#19
post #5

Former 808 owner here, the UI is pretty good, and well done. The sound is, well not an 808. I know this is more of a look what can be done sorta project, and maybe 100% fidelity wasnt your goal, but I would almost prefer the rebirth approach to emulating an 808 by using samples at various settings to match the knob values. In some ways I think you made a decent CR-8000 emulation with the sounds(the cowbell and hat re…

Thanks for the feedback. My goal for this project was to make a recreation (maybe homage is a better word) completely in the browser. Also I was of the opinion that if I made this sample based the page size would skyrocket and I don't really see people wanting to download an entire 808 sample library just to fool around in a website.

I would wait a few seconds to load the 20MB or so for the samples. Maybe this would work: http://trashaudio.com/2010/01/roland-tr-808-sample-pack/ I'd expect something like this to have some heft.
Post reply on HN