Erstellen von Internetseiten mit abcjs

Mit Kenntnis der ABC-Musiknotation und mit Hilfe des Programms abcjs können Internetseiten erstellt werden, die Noten enthalten (Abspielen zur Zeit nicht möglich).

Internetseiten sind Texte mit der Endung .html, z.B.: 'lasst_uns_beginnen.html'
Diese Texte können mit einem beliebigen Editor geschrieben werden.
Internetseiten können lokal auf einem Computer
oder auf einem Server im Internet gespeichert sein.

ACHTUNG AUF URHEBERRECHT!
Urheberrechtlich geschützte Musikstücke dürfen nicht veröffentlicht werden!!!

Varianten mit 1 Musikstück

HTML-Grundgerüst mit

eingebundenem abc2js-Script
minimalem Stylesheet
mit ABC-Code und Notenbild <pre> ... </pre>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Noten mit abc2svg</title>

<script src="js/abcjs_plugin-midi_5.6.2-min.js" type="text/javascript"></script>

<style type="text/css">
<link rel="stylesheet" type="text/css" href="js/abcjs-midi.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--
svg {display:block}
-->
</style>

</head>


<body>
<h1>Noten mit abcjs</h1>

<pre>X:1
T: Lasst uns beginnen
M:3/4
L:1/4
K:C
CCD|E2C|EEF|G2E|GcB|c3|]
w:Lasst uns be-gin-nen fröh-lich zu sin-gen, singt al-le mit!
</pre>

</code>
</div>
</body>
</html>

Oben stehender Code, als neue *.html-Datei gespeichert, könnte so aussehen:

lasst_uns_beginnen.html

Nur Noten