Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: I built a little online drum machine using 808 style samples

peel.fm

Post reply on HN
Print view View original

21–30 of 121 posts

Re: Show HN: I built a little online drum machine using 808 style samples

#23

Post by berkcebi »

LosMyke wrote: post #22

Can’t get audio to work on iPad (could be human error). Beautiful and simple interface, dark mode would be cool. Appreciate you making this and sharing, thanks.

Thank you! I noticed on my iPhone that if it's on silent, the audio doesn't play — that could be it.

Re: Show HN: I built a little online drum machine using 808 style samples

#24

Post by patchorang »

berkcebi wrote: post #19
patchorang wrote: post #14

Woah, I made almost the same thing the other week https://beatmaker.adammenz.com/ https://github.com/patchorang/drummachine

Huh! I love how you can switch between instruments on each track, that's a great idea. Have you tried Tone.js vs Howler? Any thoughts?

Interesting, I didn't come across Tone.js until now. It looks like it handles a few more things than Howler. Most useful for the drum machine would be scheduling. I'm just using setInterval, which isn't guaranteed to be accurate, but seems good enough for my use case.

I want to build some other browser based audio/synth tools. I'll have dig into Tone.js more for one of those, thanks. I'm re-learning to code with these projects, but the goal is to build a multiplayer web-based modular synth.

Re: Show HN: I built a little online drum machine using 808 style samples

#25

Post by hoosieree »

Cute and fun! The toe-tapping banana is a nice touch.

A minor suggestion for your export format is to switch from an "array of structs" to a "struct of arrays" layout:

For example, change this:

    "steps": [{"isOn":true, "repeat":"1:2"}, {"isOn":false}, {"isOn":false}, {"isOn":false}, ...]
To this:

    "steps": {"repeat": ["1:2",null,null,null,...], "isOn":[true,false,false,false,...]}
It's not necessarily more compact, but you can iterate over all of the collections with a single index.

Re: Show HN: I built a little online drum machine using 808 style samples

#26

Post by bsaul »

berkcebi wrote: post #18
justsomehnguy wrote: post #4

Earlier quoted context omitted.

> A reset button And 'random' button too.

Oh yeah, adding to my to-do list!

If you're willing to go a bit further, i recommend adding a "groove" cursor, that slightly shift each box within the beat, at random (then you can have more complex algorithm to make the randomisation move the beat toward a ternary rythm instead of completely at random). It's called "humanize" in some audio software and can be fun (if you feel like putting one cursor per track, that's even better).

Re: Show HN: I built a little online drum machine using 808 style samples

#28

Post by eajakobsen »

guntherhermann wrote: post #10
eajakobsen wrote: post #2

Looks great and works great! A reset button would be nice to undo the horrible mess I made. A minor note, when I load the page I get console warnings about an Audio Context being prevented from starting automatically, but once I click play everything works perfectly fine.

> A reset button would be nice to undo the horrible mess I made. The (...) button next to "Your jam" -> Clear does the job for me

Ah, I missed that :)

Re: Show HN: I built a little online drum machine using 808 style samples

#30

Post by gravitronic »

vernon99 wrote: post #20

Very cool, here's my loop :) https://peel.fm/f3148e6 Now we need more instruments and collab editing and you have fruity loops online :)

You should take a look at https://sequencer.party

Collaborative real-time audio/video/midi platform that supports VST-like web plugins (the WebAudio Module 2, or WAM2, standard)

Post reply on HN