ABC notation渲染测试

ABC记谱法（ABC Music Notation）是19世纪由克里斯·瓦尔莎发明的音乐符号系统，通过字母A至G记录音高，并借助附加符号表示变化音与音长参数。该记谱法采用ASCII字符集编码音符，具备文本化特征，便于计算机处理音乐信息。部分现代音乐软件基于其兼容性，将其应用于乐谱存储。

目前新增的播放功能已经完成，初次加载midi需要梯子。

两只老虎

源代码：

<div class="abcjs-score">
X:1
T:两只老虎
C:法国儿歌
M:4/4
L:1/4
Q:1/4=120
K:C
C D E C | C D E C | E F G2 | E F G2 |
w: 两 只 老 虎， | 两 只 老 虎， | 跑 得 快， |  跑 得 快， |
G/A/G/F/ E C | G/A/G/F/ E C | D G, C2 | D G, C2 |
w: 一 只 没 有 眼 睛， | 一 只 没 有 尾 巴， | 真 奇 怪， | 真 奇 怪。 |
</div>

渲染效果：

X:1 T:两只老虎 C:法国儿歌 M:4/4 L:1/4 Q:1/4=120 K:C C D E C | C D E C | E F G2 | E F G2 | w: 两只老虎， | 两只老虎， | 跑得快， | 跑得快， | G/A/G/F/ E C | G/A/G/F/ E C | D G, C2 | D G, C2 | w: 一只没有眼睛， | 一只没有尾巴， | 真奇怪， | 真奇怪。 |

Do Re Mi

源代码：

<div class="abcjs-score">
X:1
T:Do Re Mi
C:[美]理查德·罗杰斯
M:2/4
L:1/4
Q:1/4=120
V:R clef=treble
V:L clef=bass
K:C
V:R %%MIDI program 1
C3/ D/ |E3/ C/ |(E C) | E2 |
w: Do, a deer, a fe\- male deer,
D3/ E/ | F/F/ (E/D/) | F2- | F2 |
w: Re, a drop of gold\- en sun,
E3/ F/ | G3/ E/ | G E | G2 | 
w: Mi, a name I call my\- self,
F3/ G/ | A/A/ (G/F/) | A2- | A2 | 
w: Fa, a long, long way to run.
G3/ C/ | D/E/ F/G/ | A2- | A2 | 
w: So, a nee\- dle pull\- ing thread,
A3/ D/ | E/^F/ G/A/ | B2- | B2 | 
w: La, a note to fol\- low So,
B3/ E/ | ^F/^G/ A/B/ | c2- | c B/_B/ | 
w: Ti, a drink with jam and bread, * That will
A F | B G | c G | E D |
w:  bring us back to Do, oh, oh, oh!
V:L %%MIDI program 1
C,/[E,/G,/] G,,/[E,/G,/] | C,/[E,/G,/] G,,/[E,/G,/] | C,/[E,/G,/] G,,/[E,/G,/] | C,/[E,/G,/] G,,/[E,/G,/] |
G,/[B,/D/] D,/[B,/D/] | G,/[B,/D/] D,/[B,/D/] | G,/[B,/D/] D,/[B,/D/] | G,/[B,/D/] D,/[B,/D/] |
C,/[E,/G,/] G,,/[E,/G,/] | C,/[E,/G,/] G,,/[E,/G,/] | C,/[E,/G,/] G,,/[E,/G,/] | C,/[E,/G,/] G,,/[E,/G,/] |
F,/[A,/C/] C,/[A,/C/] | F,/[A,/C/] C,/[A,/C/] | F,/[A,/C/] C,/[A,/C/] | F,/[A,/C/] C,/[A,/C/] | 
C,/[E,/G,/] G,,/[E,/G,/] | C,/[E,/G,/] G,,/[E,/G,/] | F,/[A,/C/] C,/[A,/C/] | F,/[A,/C/] C,/[A,/C/] |
D,/[F,/A,/] A,,/[F,/A,/] | D,/[F,/A,/] A,,/[F,/A,/] | G,/[B,/D/] D,/[B,/D/] | G,/[B,/D/] D,/[B,/D/] |
E,/[^G,/B,/] B,,/[^G,/B,/] | E,/[^G,/B,/] B,,/[^G,/B,/] | A,/[C/E/] E,/[C/E/] | [A,2C2E2]  |
[F,2A,2C2] | [G,2B,2D2]  | [C,2-E,2-G,2-]  | [C,2E,2G,2]  |
</div>

渲染效果：