Show HN: My MusicHackDay project. A MPC-esque JS drum machine (requires Chrome)

http://jpc.heroku.com/

by sjtgraham • 14 years ago

70 27 14 years ago

jpc.heroku.com

w1kke• 14 years ago

Could I get a volume control/equalizer in there? My mp3s seem to be not really normalized.

But its a lot of fun to play with!

sjtgraham9• 14 years ago

I had the idea to add that and some filters on there too. I'll see what I can do… :)

ochoa• 14 years ago

Being able to zoom in on the track's waveform would be nice too.

torbenc• 14 years ago

Including some sample mp3s to directly start playing around would be great. I pressed 'q' and nothing happened. :/

sjtgraham9• 14 years ago

I might add in some default samples if someone can suggest good ones with a suitable license? That said I believe this is exactly how a MPC would work, i.e. no sounds loaded when it is powered on!

coryl• 14 years ago

Sure, the problem is 99.999% of people don't have small cut up mp3's ready to go. Making your project useless to us because we'll never see how it works!

polshaw• 14 years ago

I get 'unsupported file format' when i try to load an mp3. Chromium 16, tried several mp3s.

Also, the font rendering of the instructions is pretty awful for me -- http://imgur.com/Iy31O

Neat idea though.

sjtgraham9• 14 years ago

Chromium does not have MP3 codecs due to licensing issues. It works in Chrome as stated.

Here is a video of it if you want to see it in action: http://www.youtube.com/watch?v=CRB040JIsyY

davedx• 14 years ago

I got that a lot for different WAVs that work fine in my other software.

sjtgraham9• 14 years ago

Chrome cannot play WAV files

Ryanmf2• 14 years ago

You passed the 16th note high hat test! Well done.

FWIW, you said "mp3" but I just used the first folder of one-shot samples I came across, which happened to be WAVs and worked fine, but may have contributed to Chrome crashing when I hit the back button.

As far as royalty free samples go, you might want to take a look at http://freesound.org, or one of my personal favorites, http://hellosamples.com

Requests: Keymappings for rec/stop/play/undo/pitchbend, a fourth row of pads, maybe sample slicing?

sjtgraham9• 14 years ago

You can slice samples by clicking and dragging on a waveform, which will cause the selected part of the waveform to be played whenever the pad is triggered.

Ryanmf2• 14 years ago

Tried that out, it works well, but also revealed another limitation—it seems as if I can only trigger two pads concurrently. That may be less a flaw in your app and more an inherent reality resulting from the fact that my keyboard wasn't necessarily meant to be used as a drum pad.

Edit: Potential workaround would be pad-linking (hard kick and deep kick, snare and clap, kick and closed hh if I know I'm playing 16th note hats, etc), if indeed there's no issue with playback of multiple samples and it's only a limitation of the input device.

When I mentioned slicing, I meant more along the lines of setting multiple slice points and assigning the slices to several pads, as one would when loading a drum break into an MPC, for instance. A copy function would accomplish largely the same thing.

Anyway, it's all academic, there's a Maschine sitting right next to the keyboard on my desk, it's not as if I'm actually going to use this as an MPC replacement. Just throwing ideas out there.

Great job though.

indraneel24• 14 years ago

Off the top of my head, things that this is lacking: velocity control for each pad, a way to zoom in on waveforms and chop up samples, maybe better loop controls, and the ability to export as .wav?

But suggestions aside, as a budding hip-hop producer/hacker, I had the idea to make this but never the skills/conviction. It made my day to see that this is something actually doable, and capable of being done well.

budu2• 14 years ago

I tried dragging mp3 samples as instructed and nothing happen! Using Chrome on Windows 7.

budu2• 14 years ago

Got it working, it needs Chrome Beta!

Craiggybear2• 14 years ago

Why should it need Chrome. This is just as bad as needing IE6 twelve years ago.

sjtgraham9• 14 years ago

This is such an ignorant comment. You're wrong, it's actually nothing like that. It's technical demonstration of edge W3C APIs, not something coded against proprietary APIs or around rendering engine bugs. It requires any browser that has implemented the W3C AudioContext API, which at this point only Chrome has implemented in a generally available release. But this doesn't quite fit into the 80 char constraint of HN link titles.

Craiggybear2• 14 years ago

"which at this point only Chrome has implemented in a generally available release"

My point exactly.

spiralganglion• 14 years ago

Clicking record repeatedly while it's playing back an existing pattern creates some awesome cacophony.

NHQ• 14 years ago

Pretty nice. Forked!

Is this it for the demo, or do you plan to continue development?

sjtgraham9• 14 years ago

Thanks. There are a few things I want to add, e.g. a better sequencer, variable tempo, quantisation, local persistence of loaded samples and sequencer data, zoomable waveform for finer grained editing on longer files, etc. I'm quite busy so who knows when I'll get around to it?

Show HN: My MusicHackDay project. A MPC-esque JS drum machine (requires Chrome)

Related Stories