ABC-Notation - Noten auf einer Webseite

Wie schreibt man eigentlich Noten auf eine Webseite? Gibt es dafür eine Erweiterung, die das darstellt?

Bei der Suche nach der Frage Noten auf einer Webseite darzustellen, bin ich auf die ABC-Notation gestoßen. Damit kann man mit normalen Buchstaben und Sonderzeichen die Noten aufschreiben.

Ein erster Versuch mit ABC-Notation

Das Ergebnis wird immer direkt darunter generiert:
[abcjs]
X: 1
T: strike the right note
S: Copyright 2016, Marco Felber
C: Marco Felber
M:4/4
L:1/4
Q:1/2=90
K:C
|:GA|”C”c2Bc|”D”[DGB]:|
[/abcjs]

Einbindung in die eigene Seite

mit Kirby

Auf einer mit getkirby.com betriebenen Seite genügt es, die Datei abcjs_plugin_2.3-min.js in das Verzeichnis \assets\js\ zu legen.

mit Wordpress

Auf einer mit Wordpress betriebenen Seite, wäre ein Plugin die schnellste Lösung: de.wordpress.org/plugins/abc-notation

Beispiele:

hier weitere Beispiele, die das System recht gut veranschaulichen.
X:149
T: ALLE MEINE ENTCHEN
N: K2254A
O: Europa, Mitteleuropa, Deutschland
R: Kinder - Lied, Reigen, Tanz, Nachahmungs - Spiel
M: 2/4
L: 1/8
K: C
| CDEF | G2G2 |
AAAA | G2z2 |
AAAA | G2z2 |
FFFF | E2E2 |
DDDD | C2z2

X:1
T:Das Wandern
C:Worte: Wilhelm Müller 1818 (1794-1827)
C:Weise: Karl Zöllner 1844 (1800-1860)
M:4/4
L:1/8
Q:1/4=120
K:F
V:1
C2|F3CA,2B,2|C3DC2F2|A3GF2G2|
w:1.~Das Wan-dern ist des Mül-lers Lust, das Wan-dern ist des
A3BA2F2|(A4G4)|F4z2CE|G2G2AG ^FG|
w:Mül-lers Lust, das Wan-dern. Das muss ein schlech-ter
E2G2C2CE|G2G2AG ^FG|E2G2C2C2|
w:Mül-ler sein, dem nie-mals fiel das_ Wandern ein, dem
D2E2F2G2|A3GF2A2|(c4E4)|F4z|]
w:nie-mals fiel das Wanern ein, das Wan-_dern.

X:1
T:Drunken Sailor
M:C|
L:1/8
C:Anonymous
N:Chorus twice after final verse.
R:Shanty, Hornpipe
K:Em
“Em”B2BB B2BB |”Em”B2E2G2B2 |
w:What shall we do with a drun-ken sail-or,
“D”A2AA A2AA |”D”A2D2F2A2 |
w:What shall we do with a drun-ken sail-or,
“Em”B2BB B2BB |”Em”B2^c2d2e2 |
w:What shall we do with a drun-ken sail-or,
“Bm”d2B2”D”A2F2 |”Em”E4 E2 z2 ||
w:Ear-ly in the morn-ing?
“Em”B4 B3B |”Em”B2E2G2B2 |
w:Way, hay, and up she ris-es,
“D”A4 A3A |”D”A2D2F2A2 |
w:Way, hay, and up she ris-es,
“Em”B4 B3B |”Em”B2^c2d2e2 |
w:Way, hay, and up she ris-es,
“Bm”d2B2”D”A2F2 |”Em”E4 E2 z2 |]
w:Ear-ly in the morn-ing.
%
W:Put him to bed with the Captain’s daughter. (3x)
W:Early in the morning.
W:(Chorus)
W:
W:Put him in the longboat until he’s sober. (3x)
W:Early in the morning.
W:(Chorus)
W:
W:Put him in the scuppers with a hose-pipe on him. (3x)
W:Early in the morning.
W:(Chorus)
W:
W:Tie him by the legs in a running bowline. (3x)
W:Early in the morning.
W:(Chorus)
W:
W:Shave his belly with a rusty razor. (3x)
W:Early in the morning.
W:(Chorus)
W:
W:Give him the hair of the dog that bit him. (3x)
W:Early in the morning.
W:(Chorus)
W:
W:Chorus:
W:Way, hay, and up she rises, (3x)
W:Early in the morning.

verwendete Quellen

Tonart

C

Marco
Marco

Familienvater, Pragmatiker und Klavierspieler.