abcjs は楽譜記述言語 abc の JavaScript 版である。 abc の文法はリンク先を参照。 abcjs のエディタ版を使うと、フォーム上でテキストを入力するたびに自動的に楽譜が変換される。 旧版は abcjs.5.X.X の版に基づいていた。新版は abcjs 6.X.X に基づく。
下の楽譜が、abcjs による譜面である。下記のサイト
https://paulrosen.github.io/abcjs/examples/editor-synth.html
を参考に、見よう見まねで作ってみた。
テキストと abcjs によりレンダリングされた譜面が表示される。また、MIDI 再生も可能である。
テキストが表示されていない場合は(表示されている場合でも)、
ボタンをクリックすればそのボタンの内容を表すテキストと同じく譜面が表示される。
テキストを変更すると即時にその変更された内容に合わせた楽譜がレンダリングされる。
MIDI ディレクティブに使える楽器番号はリンク先参照。
上記のコードを表示するには次のようにする:
識別子名称:
識別子名称に適切な文字列を入れると、JavaScript の識別子と HTML の識別子にこの文字列を用いたコードを表示する。 このコードは、ブログに abcjs による楽譜を表示したり、音を出したりするときに使う。
詳しくは、 abc 記譜法参照。
まりんきょ学問所 > コンピュータの部屋 > マーク付け言語手習い > エディタ版 abcjs(新版)