abcjsで音を鳴らしてみよう - 日本だんでぃ協会

取りあえず再生ボタンを押してみてください。

M:4/4
L:1/8
K:C
V:1
!f!(c2 ec .G2) .G2 | (c2 ec .G2) .g2 | (fedc BcBc | dcBA G2) z2 | !p!(c2 ec .G2) .G2 |
V:2 bass
C,2 z2 z4 | C,2 z2 z4 | C,2 z2 C,2 z2 | G,,2 z2 (G,F,E,D, | C,2) z2 z4 |

V:1
(c2 ec .G2) .G2 | (c2 ec .G2) .g2 | (fedc BcBc | dcBA G2) z2 | (c2 ec .G2) .G2 |
V:2 bass
C,2 z2 z4 | C,2 z2 z4 | C,2 z2 C,2 z2 | G,,2 z2 (G,F,E,D, | C,2) z2 z4 |

スゴスギィ！

いや、これはすごいですね。

何がすごいって、webサイト上で音を鳴らすのに、

・音楽ソフトを立ち上げる
・音符を打ち込んむ
・wav形式で書き出す
・mp3とかoggとかに変換
・サーバーにアップ
・audioタグを記述
・ようやく鳴る

という手順が必要だったのに、これを使えば

・HTML上にABC記譜で記述
・abcjsを使用してプレイヤーを生成
・鳴る

これだけで済んじゃうんですから。

しかも、後から変更するのもHTMLの編集だけで済んじゃうのでとってもお手軽です。

もちろん、作品としての音楽を鳴らそうとしたら
ちゃんと音楽ソフトで作りこまないとダメですけど、
音楽理論の解説とかでちょっとした音を鳴らしたいだけだったら
これ以上のライブラリはないと思います。

ひとまず、「abcjsを使って音を出す」というのは達成できたので、
次回は導入方法を解説したいと思います。

お楽しみに！

■abcjsで音を鳴らしてみよう