Show HN: I built a website for sharing drum patterns

sarreph · 5 months ago

This kinda reminds me of Funklet[0] that Jack Stratton (Vulfpeck) + Rob Stenson made a long time ago... A true gem if you're into funk + like midi drums.

[0] - https://goodhertz.com/funklet/

wesz · 5 months ago

Woah, thank you for this! It's pure gold:)

metalman · 5 months ago

thats all right messing with the back beat, and drum sounds, and whatever the reverse signal thing is vera extra funky

chaosprint · 5 months ago

I would be happy to port some patterns to Glicol (https://glicol.org/)

only suggestion: support https...

xingwu · 5 months ago

What a rabbit hole and a great use of my precious hour after I put my kid to sleep, thanks for sharing!!

phyzix5761 · 5 months ago

Honest question. What is the current obsession with https for things that don't need to be secure like looking at drum patterns?

lemax · 5 months ago

ISPs / other middlemen can monitor and modify unencrypted traffic. In Egypt, Syria and Turkey for example ISP’s injected malware into unencrypted sites that led people to install spyware when attempting to download legitimate programs (link). Other state actors have changed the content of news media, etc. Without HTTPS you lose the ability to trust the integrity of a given webpage.

https://www.bitdefender.com/en-us/blog/hotforsecurity/turkis...

jtafurth · 5 months ago

I worked for an authority that issued digital certificates for SSL and digital signatures. It's not only about providing encryption but also about trust, when a top level entity issues a SSL certificate, a number of identity validations are carried out, adding an extra layer or confidence on that website.

This may seem inconsequential for static websites without PII, however most browsers consider it important as it reduces the risk for all parties involved when encrypted communication is used and the content providers has taken basic steps for Identity verification.

There are logic flaws with this approach to security imo, but it's the most commonly used technique at the moment.

ctxc · 5 months ago

I would rather everyone use HTTPS than have them individually decide if it "needs to be secure".

whstl · 5 months ago

For me: wi-fi and mobile providers injecting ads. Rarer these days but still happens.

webprofusion · 5 months ago

Chrome labelled sites as Not Secure if they didn't user https since 2018. Most people didn't like that label showing on their website address, so it was a clever way to shift everyone.

Years before that the free certificate authority Let's Encrypt was established (there are now several more), so for most people using https with your website is just configuration, not an extra cost. On top of that some http protocol versions are now https only.

CPLX · 5 months ago

Browsers seem to lose their mind when presented with not HTTPS content these days right?

MisterTea · 5 months ago

Would you trust handing a sack full of money to a stranger and tell them to bring it to the bank for you or do you hire an armored car service?

We need https because the modern web browser isn't a trustworthy or secure program. A web browser isn't a sandbox so code can be injected into an insecure http stream to force the browser to compromise the machine it is running on. This is just the state of the internet - there are literal highwaymen in the form of malicious routers and other networking hardware on the internet. https is unfortunately the ony way to ensure the highway for your data is secure and the data arriving to you is trustworthy.

The only way to avoid this is to use a browser like netsurf that eliminates the insecure modernity or dont use the web.

IAmGraydon · 5 months ago

There's a login, but also if you aren't https, you're going to be seriously de-ranked by search engines like Google.

pacifika · 5 months ago

Interest based advertising.

pbreit · 5 months ago

That ship has sailed. http has been retired.

chaosprint · 5 months ago

there is a login

dr_kiszonka · 5 months ago

Hi! I was very confused about Glycol until I discovered that the desktop version of your site shows way more information than the mobile one. At least in Chrome for Android, you can only select demos to play and click the GitHub link. And GitHub recommends visiting glicol.org, so why do so many people rave about Glycol? Now I know :)

I was wondering if you would be adding any IDE-like features. I like a few features in Sonic-Pi and noticed a few attempts to make a VS Code plugin for it. (I wish I could contribute myself, but my music production skills are atrocious and I mostly rely on GUI-based software to carry me.)

Congrats on an awesome project! (And you, OP, too!)

chaosprint · 5 months ago

there is also a cli:

https://github.com/glicol/glicol-cli

wesz · 5 months ago

Woah, nice work dude.

I had to regenerate ssl certificate, ovh says it's done but it will probably take some time to take effect.

Deleted Comment

Dead Comment

flakes · 5 months ago

Please allow triplets! You're missing out big without a basic shuffle! I also second the other comments about ordering. Cymbals on top, snare and toms in middle, bass and other pedals on the bottom. e.g.

   hh |x-x-x-x-x-x-x-x-|
   S  |----o-------o---|
   B  |o-------o-o-----|

wesz · 5 months ago

Is order CH, OH, CY, CB, MA, CL, HC, MC, LC, SD, BD, AC fine or need any other adjustments?

There will be support for triples, soooon.

flakes · 5 months ago

Some other ideas:

- 2 bar patterns would also be great. Many patterns repeat over 8 quarters.

- Allowing accents (dynamics). A lot of drum patterns involve just a few drums, where accents are what bring the pattern to life.

With accents and triplets, you can have the Purdie shuffle [1], which is one of my favorite patterns ever :)

:[1] https://tomtommag.com/wp-content/uploads/2011/10/Purdie-Shuf...

unnamed76ri · 5 months ago

I’ve never seen a drum pattern setup where the kick and snare are at the top.

Usually from bottom to top it is something like: Kick, Snare, hihat, toms, various cymbals

nxpnsv · 5 months ago

I guess you could make a 3x16 pattern but interpret it as a 4x12, so each beat is three steps...

badmintonbaseba · 5 months ago

They don't roll over to the next 16 on playback automatically, which makes this very awkward.

bqmjjx0kac · 5 months ago

Nice work! It might be nice to hint to iOS users that they should disable silent mode via the little side toggle if they want to hear anything. Just a quirk of iOS that took me literally years to figure out -- I assumed it just didn't support the Web Audio API and went on with my life.

donbrae · 5 months ago

Or as the developer you can play some silent audio in the background via an `<audio>` element: https://github.com/donbrae/onscreen-piano-keyboard/blob/main.... This will ensure the Web Audio API produces sound even with the ‘silent’ switch active.

matteason · 5 months ago

I hit this on https://ambiph.one - my solution ended up being similar (use an <audio> element) but because I also wanted audio to play in the background and when the screen is off there's an extra step of tricking Safari into thinking it's playing a livestream, since apparently that's the only kind of audio Apple thinks should be allowed to play in the background.

Coincidentally someone asked me about this the other day so I put together a minimal demo here in case it's useful to anyone: https://codepen.io/matteason/pen/VYwdzVV

wesz · 5 months ago

Interesting, i already do something similar and never had a chance to check if it really works. Here is my code:

var buffer = dm.audio.createBuffer(1, 1, dm.samplerate); var source = dm.audio.createBufferSource();

source.buffer = buffer; source.connect(dm.audio.destination);

if (source.start) { source.start(0); } else { source.noteOn(0); }

MomsAVoxell · 5 months ago

Do you mean the hardware slide toggle? I’m on an iPad on iOS and I can’t get sound working, no matter what. My iPad doesn’t have a mute toggle.

bqmjjx0kac · 5 months ago

Yes, exactly. This is on an iPhone, to be clear. Maybe the control center on iPads has an equivalent software toggle? Sorry, that probably isn't very helpful.

moritzwarhier · 5 months ago

Thanks, I fiddled with the volume and would have given up without your advice.

And this web app is indeed very cool. Enviable idea & execution!

michaelmior · 5 months ago

Very cool! Reminds me a bit of this visualizer I built a few years ago.

https://michaelmior.github.io/rhythm-wheel/

wesz · 5 months ago

It's super fun to mess around. I think i found a bug - https://imgur.com/BRwst17 - in this setup kick triggers on red instead of green? Or am i tripping?

michaelmior · 5 months ago

That doesn't seem to happen for me. If you lower the BPM (the value on the right is a non-obvious text input) does it still seem to trigger incorrectly?

adentranter · 5 months ago

This is actually really cool way to show it.

Love it.

michaelmior · 5 months ago

Credit for the idea goes to Godfried Toussaint.

https://www.amazon.com/Geometry-Musical-Rhythm-Makes-Second/...

omneity · 5 months ago

This is amazing! Please consider adding PWA support so it can be installed as a mobile app.

It’s super easy, just a manifest.json file to add which you can generate here [0].

Also are you considering adding more drumkits? Or maybe allow a user to set their own samples (stored locally, just for themselves) like you can change the header color in HN.

0: http://pwabuilder.com/

wesz · 5 months ago

No problem, just added PWA to my todo list.

Regarding the different drum kits, this is actually on the top of todo list, right know i'm working on Yamaha RX5 and Oberhiem DMX. They should be available in a day or two. Any drum machines you recommend?

omneity · 5 months ago

Thanks! I’m a fan of 8-bit synthesizers but also classics like the Roland TR series (707, 808, 909, 08, 09)

metalman · 5 months ago

Heres a stand alone android drum machine with some good sounds, dont know if its the patterns are portable. Drum On, tiny apk.

https://f-droid.org/en/packages/se.tube42.drum.android/

mamonoleechi · 5 months ago

thanks to share this ; i had no idea of the existence of this gem! the interface is a bit rough, but it does the job

spoonfeeder006 · 5 months ago

https://drumpatterns.onether.com/doofusbeatz666s-yowzah-2/

Ohhh yeah baby, this hits!

wesz · 5 months ago

That's dope!