Sponsored Contents

chromeの最新記事

Image credit:

ブラウザで動作する無料の HTML5 ドラムマシン公開。作ったパターンは WAV 形式でダウンロード可能

Munenori Taniguchi
2015年3月23日, 午後04:09 in Chrome
1293 シェア
541
6
0
746

連載

注目記事

Amazon Echo Dot速攻レビュー。スキル試行は最初のスマホ的な楽しさ、日本語周りは意外な弱点が

Amazon Echo Dot速攻レビュー。スキル試行は最初のスマホ的な楽しさ、日本語周りは意外な弱点が

View

人気記事

iOS 11.2で遂に急速ワイヤレス充電に対応?iPhone 8/8 Plus/X用に今買うべきワイヤレス充電器はこれだ!

iOS 11.2で遂に急速ワイヤレス充電に対応?iPhone 8/8 Plus/X用に今買うべきワイヤレス充電器はこれだ!

View
 
ソフトウェアデベロッパーのJamie Thomsonが、ブラウザー上で動作する「HTML5 Drum Machine Emulator」を公開しました。

ローランドの TR-808 をフラットデザインで描いたかのような画面を操作して、ドラムパターンを自由に作成可能です。また作ったパターンは WAV 形式でダウンロードすることができます。
 

Gallery: HTML 5 Drum Machine Emulator | 6 Photos


 

Jamie Thomson によれば、「音楽製作者が直感的にドラムパターンを作り、それをローカルにダウンロードして再利用できるアプリ」を作ろうと思ったとのこと。

HTML5 Drum Machine Emulator は、作る楽曲に合わせて個性の異なる5種類のドラムキットを用意しています。列挙すると、TR-808(Hip Hop)、TR-909(House)、linndrum(Electro)、Machinedrum(Techno)、一般的なドラムセット(Acoustic)で、キットを変更すればそのドラムマシン/キットの色に合わてパネルの色合いが変わります。

基本的なレイアウトは TR-808 や TR-909 に似ており、16ステップのドラムパターン2種類を作成可能。インスツルメントはそれぞれピッチと音量の調整が可能です。

パターン作成途中でその場を離れるときは、SAVE ボタンで保存しておけば次回このページにアクセスしたときに同じパターンが自動的に読み込まれます。また、できあがったドラムパターンは WAV 形式で録音し、ローカルに保存が可能。Ableton や Logic といった音楽制作ソフトウェアで再利用することもできます。

なお、HTML5 Drum Machine Emulator の動作環境は「HTML 5 が動作するブラウザー」となっていますが、推奨は PC 版の Chrome または Firefox。iPhone の Safari で試したところ、音が出ませんでした。

ちなみに、よく似たことをやっているサイトとしてはローランドのシンセサイザー TB-303 と TR-909 を組み合わせたような画面を持つ Acid Machine があります。こちらは Chrome が推奨環境です。
 

1293 シェア
541
6
0
746

Sponsored Contents