Drum machine in a few hundred lines of html/js/css
Demo: https://sig.gy/beatboxer/
Inspired by: https://www.youtube.com/watch?v=6O_92BTrUcA
Sounds originated from: http://808.html909.com
Drum machine in a few hundred lines of html/js/css
Home Page: https://sig.gy/beatboxer/
License: MIT License
Drum machine in a few hundred lines of html/js/css
Demo: https://sig.gy/beatboxer/
Inspired by: https://www.youtube.com/watch?v=6O_92BTrUcA
Sounds originated from: http://808.html909.com
the original nin video had a tick count of 32 (with only 2 sounds). it would be cool if the user could set the tick count, and the ui intelligently rearranged the blocks.
maybe a slider and/or text box to precisely set bpm
I am trying to add a custom sample to /sounds
and calling the .wav
in the place of one of the default samples, however it remains silent when dropped in. Is there something I am missing in trying to add to the library locally?
I'm using Firefox on Debian Jessie, and I don't get any audio from your app.
I think it might be a problem with my system, as I've had issues with audio in limited places before, but mostly it works. I was hoping you might be able to tell me what the requirements are for audio to work with your app, and then perhaps I could solve this problem I have.
I'd be cool if the beats I made were encoded somehow in the URL automatically so I could easily share them with my friends. :)
Awesome stuff, btw! Thanks for making it! ๐
With all these changes, I think the description :
Drum machine in about 100 lines of html/js/css
should be updated ahah ๐ .
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.