htmlでホームページに楽譜を表示するためのJavascript abcjs

公開日: : 最終更新日:2015/09/06 アウトライン , , , , ,

htmlでホームページに楽譜を表示するためのJavascript
「abcjs」というのがあるようです。

現在使い方研究中。
面白いかも。

でもIE8でご覧の型は上手く表示されません。

以下はサンプル表示。

記載している形式は「abc記譜法(abc music notation)」という
らしいです。

表示には

というスクリプトを読み込む必要があります。

X:1
T:Gondora_no_uta
M:6/8
L:1/8
Q:1/4=60
K:C
C2 C (CD) E|(GE) c G3|G A G (E/D/) C G|E5 z|
C2 C (CD) E|(GE) c G3|(CD) A (GD) E|C5 z|
G2 G (Ge) d|(cE) A G3|C2 D (EC) A|(G3 E2) z|
(CD) E (Gc) A|(dc) A G3|(CD) A (GD) E|C5 z |]

スポンサーリンク
  • このエントリーをはてなブックマークに追加
  • 14 follow us in feedly

関連記事

no-img

番号付きリスト(Ordered List)<ol>タグをネストして表示する

番号付きリスト(Ordered List)<ol>タグをネストして表示してみます。

記事を読む

no-img

HTMLサンプル

h2 h1 h2 h3 h4 h5 head1head2

記事を読む

no-img

ブラウザーのキャッシュを無効にする

ブラウザーのキャッシュを無効に 表示速度の改善などに役立つブラウザーのキャッシュですが、 処理に

記事を読む

no-img

HTMLでツールチップ (Tooltip) を表示する方法(title属性)

HTMLで表を作成しそのセルにマウスを合わせると ツールチップ (Tooltip)を表示する方法で

記事を読む

SQLServer

disabledになっている値をサーバにPOSTする

disabledの値をサーバーにPOSTする HTMLでFORMに貼りつけた値をサーバのCGI

記事を読む

keybord_black

はみ出した文字を表示しない方法

IEでもChromeでもTDからはみ出した文字を消す IEでもChromeでもHTMLでTABLE

記事を読む

no-img

入力中のテキストボックスの背景色を変える

HTMLで入力中の背景色を変える よくあるパターンで入力中のエリアをわかりやすく するために

記事を読む

no-img

HTMLでブラウザ画面に印刷ボタン作成

Hブラウザー上に印刷ボタンを配置する HTMLで作成した画面をブラウザー表示し、 その画面に

記事を読む

no-img

TABLEタグでセルサイズを同じにする

TABLEタグでセルサイズを同じに TABLEタグのセルのサイズをどのセルも同じ幅に したい場合

記事を読む

no-img
番号付きリスト(Ordered List)<ol>タグをネストして表示する

番号付きリスト(Ordered List)<ol>タグをネ

no-img
TABLEタグでセルサイズを同じにする

TABLEタグでセルサイズを同じに TABLEタグのセルのサイズをど

no-img
HTMLでブラウザ画面に印刷ボタン作成

Hブラウザー上に印刷ボタンを配置する HTMLで作成した画面をブ

no-img
ブラウザーのキャッシュを無効にする

ブラウザーのキャッシュを無効に 表示速度の改善などに役立つブラウザー

no-img
HTMLでツールチップ (Tooltip) を表示する方法(title属性)

HTMLで表を作成しそのセルにマウスを合わせると ツールチップ (T

→もっと見る



PAGE TOP ↑