もっと手軽に。
abc記譜法
前回はABCjs Editorを借りる方法でしたが、楽譜だけならTextwellで完結することがわかりました。 確認するだけならこれが便利。
使い方
アクションを実行すると楽譜を表示します。
閉じるときにSVG変換とMIDI変換がメニューに出ます。 SVGはテキストで書き出しますが、MIDIは音色データが必要になるのでSafariでABCjs Editorを開くことにしました。
ABCjs EditorはPDFへの変換もサポートします。
仕組み
abcjsのライブラリーをまず読み込みます。
<script src="https://cdnjs.cloudflare.com/ajax/libs/abcjs/3.1.1/abcjs_plugin-min.js"></script>
ABCJS.renderAbc()を使ってレンダリング。
wine.innerHTML = T.text ABCJS.renderAbc(wine, wine.innerHTML)
wine
はdivタグにつけたIDで、そのdiv内に楽譜のsvgを生成します。
やっているのはこれだけ。
ブログにも応用できそう。
まとめ
楽譜よりスクリプトを触る時間が多いのはなぜ?