【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！

【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！ 河合良哉 ブラウザ上で音を扱うというと、直接音を加工できるWeb Audio API、ブラウザから直接MIDIデバイスと接続できるWeb MIDI APIの2つがここ数年の間に利用可能になり、実際のWebサイトでも使われるようになりました。 今回は「ハンズオンだともっとよかった」というお声をいただきましたHTML5 Conference 2015での講演内容を元に、2つのAPIの説明と、実際にブラウザ上に電子楽器の1つであるシンセサイザーを作ってしまうという記事です。 記事中のサンプルはGitHubに公開していますので、そちらも合わせてご参照ください。 利用するAPIの説明

[cuttoff19]

おもしろそう

[UDONCHAN]

便利情報

[cyokodog]

web midi api はデバイス無いんであきらめてたけど、Easy MIDI Freeなんてのがあるんだぁ・・・これで試せるのかな？

[lpcwwwcom]

楽しそう！

[an_old_pencil]

さすがYAMAHA

[susanne]

【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！

[Tokiyo]

音を遅らせたり波形を伸縮して音程を変えるのは簡単だけどWebでできるとは…Compとかも出てきそうですね（笑）

[bleu-bleut]

Web Audio APIは、ブラウザ上で音を直接作ったりいじったりするAPI。Web MIDI APIは、ブラウザとデバイス間でMIDIメッセージを送受信するためのAPI。

[Pasta-K]

ふむふむ〜

[chintaro3]

すごいなー。こんなことまでブラウザでできちゃうんだ。

[yfnt]

【Web Audio API + Web MIDI API】ブラウザで電子楽器を作ってみよう！ | HTML5Experts.jp