MidiPlayerJS + MidiWriterJS

MIDIファイルをいじるWebコンテンツ on はてなブログ 〜 の検討
今回は、grimmdude (Garrett Grimm) さん作の、 MidiPlayerJS MidiWriterJS
でやってみました

Drop files here

MidiWriterJSの機能が最小限しかできていなさそう
同じ方が作ったものながら、
MidiPlayerJSとMidiWriterJSとではインターフェースが似て非なる
特に苦しいのが、各トラックにて複数ノートを同一時間に配置できるのが、
On/Offが全く同じタイミングの時のみ

<MIDIのライブラリのトレンド>
どうにも、MIDIファイルのblobでの読み込み/書き出しをやれる
JavaScriptのライブラリが意外にも全然見つかりません
見つかるのは次のようなものばかり
・楽器として演奏するためのMIDI信号いじり
・Playerとして再生する
・とりあえず何か書き出す

<CDN : Content Delivery Network>
はてなブログのようなところで
JavaScriptのライブラリを参照するにあたって壁になるのが、ファイル構成
画像しか置けない ましてやNode.jsのモジュールなんぞは置けない
ありがたいのが、CDN
CDNに対応できてるライブラリであれば、<script src="hoge">  で参照できる
できるライブラリを探すのにも困るわけだが ...
今回のライブラリで検討したのは、とりあえずCDNで参照できたから
そこが全てであったりする

midi-player-js CDN by jsDelivr - A CDN for npm and GitHub
midi-writer-js CDN by jsDelivr - A CDN for npm and GitHub

できそうでもやってみるとできないことばかり ...