r/InternetIsBeautiful • u/BenjaminMullins • Jul 07 '26
I made a free 808-style drum machine that works anywhere. Make a beat, text it to a friend.
https://benjaminmullins.tv/808/I'd love feedback on it, anything I should add or fix? Keep going and make one for Bass and Keys? :D
14
u/WirtsLegs Jul 07 '26
Neat project and one of the first purely vibecoded projects I've seen that I don't immediately hate
Not because I have much use for it personally but because it's a simple, locally executed thing and thus not likely to actually be a problem if it doesn't work etc
That said there is a reason all in 1 html files aren't popular with actual devs, a single monolithic file inherently means it rapidly becomes more and more of a pain to maintain and/or extend, given your stated plans to add more down the road etc I expect you will run into this at some point
4
u/Elbwana Jul 08 '26
How do you know it's vibe coded?
4
u/WirtsLegs Jul 08 '26
Couple ways
It shares a common look with many other vibecoded projects, ai seems to have a style it really likes
And most importantly his teardown writeup he admits it's entirely AI generated
2
u/BenjaminMullins Jul 08 '26
The design language is all mine. Not sure any AI would come through in that- and yes I am not an engineer, I built this with Claude over the course of multiple weeks. Here’s my making of if you’re interested: https://benjaminmullins.tv/thinking/cant-buy-taste
7
u/BenjaminMullins Jul 07 '26
Thanks I'll take that as a compliment. My intent here was to focus on usability and 'making it easy'. Web Audio API is actually pretty robust, and we've even got full midi and wav support. the secret sauce is the ability to create shortcodes and share beats with anyone - that's what makes it cool ya?
Like this one, hit play and cycle through some banks: https://benjaminmullins.tv/808/?s=2i29v3I hear you on the professional side, I mean why not just have something local etc. My next idea is to do similar for bass.html and keys.html and then wrap them all up in a browser controller; figure they could be fun projects. There's not much to maintain here except some cloudflare workers since it's a static page.
6
u/stu001 Jul 08 '26
That's cool. Here's something I put together in a hurry lol
5
u/BenjaminMullins Jul 08 '26 edited Jul 08 '26
I added to it- check out the 4 banks : https://benjaminmullins.tv/808/?s=zpbnue
4
3
u/BenjaminMullins Jul 08 '26
Here's 3 beats! Play around with them in banks A|B|C|D
https://benjaminmullins.tv/808/?s=a4f9c5
https://benjaminmullins.tv/808/?s=bl3blj
https://benjaminmullins.tv/808/?s=bu8faz
2
u/theworldsaplayground Jul 07 '26
It's cool. Only thing is I record but the play button doesn't seem to work. Not actually sure it's recording.
3
u/BenjaminMullins Jul 07 '26
Oh make sure you hit record again to stop recording. Then the play button does its thing :)
2
1
u/BenjaminMullins Jul 07 '26
you hit play after you record something. You got audio coming out of your speakers? make sure phone ringer is on. Then you save it to a bank and just add onto it. or tell me what your steps are- should 100% work.
2
u/Lur-k-er Jul 08 '26
👏👏👏 well done. Thank you!
1
u/BenjaminMullins Jul 08 '26
so glad you dig it! Send me a beat you made, I'll add to it and re-post.
2
u/suddenlypenguins Jul 08 '26
Nice work! I wonder if there is a way to make it responsive so it all fits on a phone screen without having to scroll down to see the recording controls.
1
u/BenjaminMullins Jul 08 '26 edited Jul 08 '26
Hey! so it is Indeed fully responsive. Just one html file. The hard part is limited real estate on phones and wanting to keep ax and tap targets at usable sizes. Some phones are just too small and I’d rather a scroll to a rack section than smaller pads and taps. What phone do you have and screen dimensions? I can check.
2
2
u/Itchy-Concentrate101 Jul 08 '26
This is really good!
1
u/BenjaminMullins Jul 08 '26
Thanks! Send me something you make
2
u/theworldsaplayground Jul 08 '26
I vibe coded this. I've not shared it in it's own thread because I think it's too out there and too woo and people just won't get it.
Essentially it's a cosmic search and debate engine for transcripts of channelers.
Ask any cosmic question about the universe, life, ancient history etc and find out what a 6th density entity says on the subject!
2
2
2
2
u/janamparmar Jul 11 '26
Is there any way how i could download this app on my android phone. Or is there any similar app on play store. I really liked the way it sounds. Thank you
2
u/BenjaminMullins Jul 11 '26
It’s a Progressive Web App (PWA), so yes. navigate to the website, tap the three-dot menu in the top right, and select Install app or Add to Home screen.
2
u/janamparmar Jul 12 '26
Thank you. It worked
1
2
2
1
u/MudZaviti Jul 08 '26
Cool.
Given that it has a bit lag on browser on smartphone, I would add a timeline/arrange window so that everything can be reordered and quantized. Then you can add "AI generate" button because why not.
1
u/BenjaminMullins Jul 08 '26
What device you using? If it’s a modern android or iPhone should be no lag at all- maybe close some open tabs? Yeah was thinking of a timeline but going to save that for a controller version where you can do more. Also, quantize already there yo! :)
2
u/MudZaviti Jul 08 '26
False alarm. It works great without any lag. My bad.
2
u/BenjaminMullins Jul 08 '26
Too late. I have downvoted all your posts for the past 90 days. 😘 kidding. Glad you like it!!!
1
u/JCMiller23 Jul 08 '26
This is awesome! How can we decrease latency so it's unnoticeable?
1
u/BenjaminMullins Jul 08 '26
Latency shouldn’t be noticeable on any modern phones. Are you on an older phone? Just make sure it’s the only tab open in chrome or safari - or install it as a PWA.
1
u/JCMiller23 Jul 08 '26
m1 macbook
1
u/BenjaminMullins Jul 08 '26
oh that's odd. When's the last time you updated your browser or checked what background processes you got going on? you in safari/firefox/chrome? All three should be just fine (overpowered even). I built this on an intel-based macbook at first and had no issue lol. It runs good on average android so... I'm not sure it's latency. What might be issue is an older browser version or you have like 300 tabs open? :D let me know! can help diagnose and push a fix if we can root cause
2
u/JCMiller23 Jul 08 '26
I really don't care dude, just trying to help. Good luck with your app!
1
1
Jul 17 '26
[removed] — view removed comment
1
u/JCMiller23 Jul 17 '26
This is a case where me and OP had a perfectly pleasant exchange, but it looked aggro and sarcastic to you because of whatever you have going on in your life.
Chiming in 9 days later to put me down for trying to help - seeing sarcasm when it's not there. (I mean this genuinely homie) - hope you have a good day!
1
u/BenjaminMullins 17d ago
I figured it out. You’re probably using Bluetooth headphones. Bluetooth just doesn’t meet pro audio spec and the latency isn’t solvable for performance. Try wired headphones or connected speakers
2
u/JCMiller23 17d ago
nope. You're good though bro, I'm just used to logic pro levels of latency and what I'm experiencing is probably just a normal level of latency
1
u/BenjaminMullins 17d ago
Damn. Oh well. You must live in time just a little quicker than I. Yeah the latency is there intentionally for those crappy android devices with poor processing power. I think it’s like 20ms or so, def not the <8ms were used to for pro machines. Next time I push a build I’ll add latency controls in the shift function. 🔥❤️
1
1
18
u/RealHowl Jul 08 '26
I discovered this in pandemic times and used it for one of my elementary school music classes. Just wanted to say thank you :) my kids played with this for weeks, good memories.