abcjs とは、ブラウザ上で楽譜を表示するためのソフトウェアである。 JavaScript と HTML5 の技術を用いている。
プラグイン版とは、abcjs 記法で書かれた HTML テキストを読み取り、 自動的に楽譜にするものである。以下の記述は 2022 年 8 月 28 日に更新した。
まず、https://github.com/paulrosen/abcjs/dist/ から abcjs-plugin-min.js のファイルをダウンロードして、
自前のサーバに置く。
つぎに、楽譜を表示させたいページのソースファイルを HTML で作成する。このファイルのヘッダで、
<script src="置き場所/abcjs-plugin-min.js"></script>
のように読み込ませる。そのあとで、単に abcjs が解釈できるコードを書けばよい。
下記がその例である。単に <pre> と </pre> の間に、
abcjs が解釈できるコードを書くだけで、楽譜がその下に自動的に出てくる。
X: 1 T: 無伴奏チェロ組曲第3番より BOURREÉ I C: J. S. バッハ M: C L: 1/8 K: clef=bass C E,F,|G,2 C,B,, C,2 C2|[G,,D,B,]2 A,B, G,2 D,E,|F,2 B,,A,, B,,2 G,2 |[C,,G,,F,]E,D,E, C,2 CB,| A,B,CG, ^F,B,CE,|D,B,CC, B,,D,^F,A,|D2 B,G, D,2 ^F,2|G,2 D,2 G,,2 |
まりんきょ学問所 > コンピュータの部屋 > マーク付け言語手習い > abcjs(プラグイン版)