abcjs(プラグイン版)

abcjs とは

abcjs とは、ブラウザ上で楽譜を表示するためのソフトウェアである。 JavaScript と HTML5 の技術を用いている。

abcjs のプラグイン版

プラグイン版とは、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（プラグイン版）