無料でブラウザから自由にビートを刻めるドラムマシンアプリ「drumbit」

HTML5で作成されたウェブブラウザ上で動作する無料のドラムマシンが「drumbit」です。ブラウザ上でポチポチとクリックするだけで簡単にドラムパターンを作ることができるほか、作ったドラムパターンを編集可能なファイルに保存したり、オーディオファイルとして録音したりすることも可能です。

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

drumbitはこんな感じ。左上でマスター音量、テンポ、スウィング、楽器セット、音声エフェクトを選択できます。

右上の「1」「2」「3」「4」は小節を表わしています。drumbitは16ステップで1小節となっており、最大4小節までの長さのドラムパターンを作成可能です。デフォルトでは1小節のループになっており、「2」「3」「4」をクリックすることでドラムパターンの長さが自動で調整され、各小節を編集することができます。

そして、下にあるドラムパターンの入力欄は上から8種類の音色が並んでおり、横に16ステップ分のマスが並んでいます。その右には各音色のボリュームとピッチ(音程)を調整できるスライドバーがあります。入力したら、右上の再生ボタンを押すことで、ドラムパターンを試聴できます。

実際にドラムパターンを入力して再生するとどんな感じなのかは以下のムービーを見ると一発でわかります。再生中に楽器セットを変えると、同じドラムパターンでも全く違う響きのビートに聞こえます。

無料でウェブブラウザ上でビートを刻めるdrumbitでドラムパターンを作ってみた - YouTube


右上の丸いアイコンをクリックすると、作成したドラムパターンの録音が可能。録音したドラムパターンはWAV形式でローカルに保存できます。

フロッピーディスクのアイコンをクリックすると、ドラムパターンをJSON形式でローカルに保存できます。このJSON形式のファイルをdrumbitに読み込ませることで、パターンを再編集することが可能です。

なお、ドラムパターンの作り方がわからない……という人のために、デモとして7種類のドラムパターンが用意されています。左上の「No Demo」をクリックして選択すると……

ドラムパターンの例が表示されます。このデモのドラムパターンを叩き台にしてオリジナルのドラムパターンを作るのもアリです。