前回まででドラムとベースの機能がそろってきましたが、ピアノのパートはまだ普通に演奏するだけですね。今回はピアノパートにハーモナイザーをかけて、キーに合わせて自動的にハモった演奏ができるように改造します。下記のリンクを右クリックして別ウイン…

かなり機能がそろってきたので、今回は各パートの音量、パン、リバーブ、オクターブを調整できるようにして、アプリケーションとしての体裁をととのえていこうと思います。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル17（音…

いよいよ複数のベースパターンを編集、切り替えでき、自動保存・読み込みが行われる仕組みに改造します。ベースの演奏機能が出揃ったら一度に改造しようとここまで待ちました。下記のリンクを右クリックして別ウインドウで開いてください。 サンプル16（ベー…

前回ルート音を小刻みに鳴らすことができるようになりましたが、今回はオクターブ違いのルート音や5度音も鳴らせるように改良していきます。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル15（ベースで5度音も弾く） Playボタ…

前回は小節内でルート音を1回切り替えることができるようになりました。今回はルート音を16分音符単位で刻んで鳴らすことができるよう改良します。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル14（ルート音を刻ませる） 「Pl…

前回ルート音を鳴らすしくみを作りましたが、1小節＝1ルートのシンプルなものでした。今回は1小節の中の任意の位置でルート音を切り替えられるように改良してみます。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル13（ルート…

8小節のループマシンになったので、リズムだけではなく、ベースも鳴らせるようにしたいと思います。まずはシンプルに各小節のルート音だけをボーンと鳴らしてみます。下記のリンクを右クリックして別ウインドウで開いてください。 サンプル12（ベースを鳴ら…

前回まででリズムのパターンやドラムセットも切り替えて鳴らせるようになりました。今回はさらにステップアップして、8小節の長さのループを作り、リズムを繰り返し演奏できるようにしてみましょう。まずは下記のリンクを右クリックして別ウインドウで開いて…

今回はドラムセットという「パワーセット」や「エレクトロニックセット」などのドラムの音のジャンルを丸ごと替える仕組みを作りましょう。ドラムセットは内蔵音源の仕様に左右されるので、機種によってはサウンドが切り替わらないものもあるかもしれません…

今回はリズムパターンの切り替えをできるようにします。まずは下記のリンクを右クリックして、別ウインドウで開いてください。 サンプル9（リズムを切り替える） 右下の「Play」ボタンをクリックすると、メトロノームが鳴ります。では、その上にある「Patter…

せっかく手間をかけて編集したリズムパターンは保存してまた使えるようにしたいですよね。今回はWebStorageの機能を使ってリズムを自動保存させてみます。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル8（リズムを保存する） …

前回メトロノームが鳴るようになりましたが、既定の1パターンのみの演奏でした。今回はパターンをエディットして好みのリズムを鳴らせるように改良してみます。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル7（リズムをエディ…

２段キーボードがとりあえずできあがったので、次は伴奏のリズムを鳴らしてみます。これもJazz-Pluginのサイトにあるサンプルを元にして増設します。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル6（リズムを鳴らす） 下にあ…

前回作ったドレミだけの鍵盤を拡張して、１オクターブ上のミまでに増やし、それをさらに上下２段にして、両手で演奏できるように改良します。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプル5（キーボードを拡張） 上段、下段ご…

前回マウスクリックで演奏できるようになりましたが、マウスでの演奏はあまり実用性がありませんよね。そこで今回はPCのキーボードを鍵盤がわりにして演奏できるように改良します。まずは下記のリンクを右クリックして別ウインドウで開いてください。 サンプ…

今度はマウスで画面上の鍵盤をクリックして音程を鳴らしましょう。サンプルなのでまだ少ない鍵盤ですが。下記のリンクを右クリックして別ウインドウで開いてください。 サンプル3（マウスで弾ける鍵盤） まずは小さな鍵盤をクリックしてみてください。ド、レ…

前回は標準のピアノの音で和音が鳴りましたが、今回は音色を変更してさまざまなサウンドで鳴らせるように改良します。下記のリンクを別ウインドウで開いてください。 サンプル2（音色が選べる） 「Sound」というセレクトボタンが追加されています。Jazz-Plug…

まずはJazz-Pluginのサイトにあるサンプルを使って、とりあえず音がちゃんと出るかどうか確認しましょう。下記のリンクはサンプルを説明用に加工したものです。右クリックして別ウインドウで開いてください。 サンプル1（和音が鳴るだけ） 「Press to play..…

Firefox 52.9.0が準備できたら次はJazz-Pluginをインストールします。下記のサイトからダウンロードできます。 Download Jazz-Plugin 「Download!」をクリックしてDMGファイルをダウンロードし、ふつうに標準インストールをすればOKです。最新バージョンはve…

このブログで解説するのはWEBブラウザ上で音楽をあつかうアプリです。WEB上で音楽というとWEB MIDI APIが有名ですが、何年待ってもGoogle ChromeとAndroidしか対応してませんね。なのでここでは別の選択肢として「Jazz-Plugin」を使用したアプリをつくってい…