WEB MIDI APIをうまく使うための話

WEB MIDI APIを うまく使うための話 面白法人カヤック HTMLファイ部 藤澤伸 / @FNOBI

はじめまして！ 面白い法人でWEBやANDROIDや曲を書いてます。 のびーといいます。

今日は、

WEB MIDI API の話をさせて頂きます。

WEB MIDI APIとは? • PCに繋いだMIDIデバイスとブラウザで、直接通信するための規格

• キーボードで弾いた音をブラウザで認識できる！ • ブラウザで生成した楽譜を外部音源で再生！

ポケミクでちょっと有名になった。

しかし、

どう考えても地味。 • 利用者のブラウザにMIDI端末がつながっている

必要がある → そうそうない • MIDIを簡単に扱える、という利点はあるが、ブ

ラウザを挟む必然性がない • ポケミクのように、デバイスを配って、それと

一緒に使ってもらうようなサイトならよいが、稀なケース

というわけで、

使い道を考えてみる

そもそもMIDIとは

• 電子楽器の演奏データを機器間でデジタル転送するための世界共通規格

• よくある「.MIDI」ファイルは、STANDERD MIDI FILEというやつ

• 楽器への演奏データ送信の他、舞台演出装置の同期等にも使われている

• 必ずしも、音楽のための形式ではない！

WEB演出のパラメータを 保存するためのMIDI というものが考えられるのでは?

MIDI信号が持っている情報 • 音の開始・停止 (NOTEON・NOTEOFF) • 音階 • 音色 • 音の強さ

デモをつくってみました http://140926-webmidiapi.fnobi.com/ • キーボードつないで叩くとなんか出ます • 演出保存機能あり！！ • consoleから disk.startRecording() すると録音 • disk.stopRecording()すると停止・自動再生

今後の展望 ちゃんと.MIDIで保存できるようにする • 音楽編集ソフトで微調整ができる！！ • 既存ライブラリあるので、それを組み込む

＿人人人人＿ ＞　告知　＜ ‾ＹＹＹＹ‾ 来月頭、カヤックも似たようなイベントやります。 !

!

!

!

おいしくてためになる！

ありがとうございました