Drum machine app 'drumbit' that allows you to beat freely from your browser for free



' Drumbit ' is a free drum machine that runs on a web browser created in

HTML5 . You can easily create a drum pattern with a click on the browser, and you can save the created drum pattern to an editable file or record it as an audio file.

drumbit | Online drum machine
https://drumbit.app/


drumbit looks like this. You can select master volume, tempo, swing , instrument set, and audio effects in the upper left.



The '1', '2', '3', and '4' in the upper right represent measures. The drumbit is 1 bar in 16 steps, and you can create a drum pattern with a maximum length of 4 bars. By default, it is a one-bar loop, and you can edit each bar by clicking '2', '3', and '4' to automatically adjust the length of the drum pattern.



And in the input field of the drum pattern below, 8 kinds of tones are lined up from the top, and 16 steps worth of squares are lined up side by side. To the right is a slide bar that allows you to adjust the volume and pitch of each tone. After inputting, you can listen to the drum pattern by pressing the play button on the upper right.



You can see what it looks like when you actually input a drum pattern and play it by watching the following movie. If you change the instrument set during playback, the same drum pattern will sound completely different.

I made a drum pattern with drumbit that beats on a web browser for free-YouTube


You can record the created drum pattern by clicking the round icon on the upper right. Recorded drum patterns can be saved locally in WAV format.



You can save the drum pattern locally in JSON format by clicking the floppy disk icon. By loading this JSON format file into drumbit, you can re-edit the pattern.



For those who don't know how to make drum patterns, 7 types of drum patterns are available as demos. Click 'No Demo' in the upper left to select it ...



An example drum pattern is displayed. It is also an ant to make an original drum pattern using the drum pattern of this demo as a starting point.



in Review,   Web Application,   Video, Posted by log1i_yk