abc SVG

0
33

Hier ein kleines Beispiel, dass Jeremy Keith verwendet in seinen Vorträgen. Es blieb mir als eines der besten Beispiele des progressive enhancement und Technologie CoolTM herum.

Es ist diese musikalische notation-format namens abc. Sie nicht nutzen es. Ein bisschen wie npm, ich glaube, das macht Sinn, da es nicht eine Abkürzung. Aber es ist der name von etwas, so ist es super umständlich. Ughakdhk. Sowieso.

Das format selbst ist wirklich cool. Es ist super einfach und text-basiert. Hier ist das Beispiel von deren homepage:

X:1
T:Geschwindigkeit der Pflug
M:4/4
C:Trad.
K:G
|:GABc dedB|dedB dedB|c2ec B2dB|c2A2 A2BA|
GABc dedB|dedB dedB|c2ec B2dB|A2F2 G4:|
|:g2gf gdBd|g2f2 e2d2|c2ec B2dB|c2A2 A2df|
g2gf g2Bd|g2f2 e2d2|c2ec B2dB|A2F2 G4:|

Ein wenig wie YAML, nehme ich an. Das ist die Musik, für das ganze Lied. Es ist nicht geladen mit all den Möglichkeiten, die der Noten; es ist nur Notizen und timing. Genug, um zu kommunizieren folk/traditionelle song, der vor allem wofür es verwendet wird.

Wahrscheinlich könnte man sich gewöhnen, es zu Lesen, aber ich glaube nicht, dass das, was es wirklich ist. Meine Vermutung ist, dass das format mehr über:

  1. Standardisierte (es ist, und es gibt 570,000 tunes in der es, so denke ich, dass gearbeitet)
  2. Text (ich Wette, dass die gesamte Datenbank der songs ist überraschend winzige)
  3. Bereit zu sein umgewandelt in das, was

Die Wandlung Teil wird der Teil der Spaß macht! Sie können sehen, es passiert direkt auf der homepage für das abc-format.

Lonesome Moonlight Waltz, gespeichert in abc-format auf der Website angezeigt wird, als Noten im PNG-format und konvertiert in ein audio-format abspielbar auf das web. Im Grunde MIDI barfed als MP3.

PNG ist in Ordnung, aber das wäre doch so viel schöner als SVG? Natürlich wäre es.

All dies ist relevant für Jeremy, denn er hat eine website aufgerufen, Die Sitzung, die sich mit der irischen Musik. Er speichert Songs auf der Website, und so entsprechend nutzt das abc-format. Auf Der Sitzung können Sie auf eine Noten-Taste und es wird konvertieren abc in SVG und anzeigen.

Das Blatt Musik sieht toll aus in der klaren SVG-format.

Die SVG-Konvertierung ist möglich, die vollständig in JavaScript durch ein open-source-Bibliothek. Das ist die progressive Weiterentwicklung Teil. Speichern und versenden Sie das grundlegende format, und lassen Sie den browser verbessern die Erfahrung, wenn Sie können (Sie können).

Das ist alles. Einfach nur cool.