🎼 CLEFIO – Mass in D

Exportierter Player – bereits geladenes Stück, direkt abspielbereit.
MusicXML-, MXL- oder MIDI-Datei laden → als Notensystem darstellen → mit Abspielcursor wiedergeben.

Copyright

Gesamtdesign und Konzept dieser App: © Uwe Schiemann, Juli 2026.

Verwendete Bibliotheken

Diese App bettet folgende Open-Source-Bibliotheken fest ein, damit sie komplett offline funktioniert. Keine davon ist gemeinfrei (public domain) im strengen Sinn – „public domain" bedeutet rechtlich, dass gar kein Urheberrecht (mehr) besteht. Das trifft auf keine der folgenden Bibliotheken zu. Sie sind aber alle unter freizügigen Open-Source-Lizenzen veröffentlicht, die kostenlose Nutzung, Weitergabe und Einbettung ausdrücklich erlauben:

  • OpenSheetMusicDisplay (Notendarstellung) – BSD-3-Clause-Lizenz
  • jsPDF (PDF-Erzeugung) – MIT-Lizenz
  • svg2pdf.js (Vektor-PDF-Export der Notenseiten) – MIT-Lizenz
  • JSZip (ZIP-Export) – MIT-Lizenz (alternativ auch unter GPLv3 verfügbar)
  • lamejs (MP3-Encoder) – LGPL-3.0-Lizenz

Die Nutzung erfolgt jeweils im Rahmen der genannten Lizenzbedingungen. Der übrige Programmcode dieser App (Bedienoberfläche, Klangerzeugung, Wiedergabe-Engine, Marker-System, Export-Logik u. a.) ist eigenständig erstellt.


Copyright (English)

Overall design and concept of this app: © Uwe Schiemann, July 2026.

Libraries used

This app embeds the following open-source libraries directly, so it works completely offline. None of them is public domain in the strict legal sense - "public domain" means no copyright applies at all, which is not the case for any of them. They are, however, all published under permissive open-source licenses that explicitly allow free use, redistribution, and embedding:

  • OpenSheetMusicDisplay (notation display) - BSD-3-Clause license
  • jsPDF (PDF generation) - MIT license
  • svg2pdf.js (vector PDF export of the notation pages) - MIT license
  • JSZip (ZIP export) - MIT license (also available under GPLv3)
  • lamejs (MP3 encoder) - LGPL-3.0 license

Use is subject to the respective license terms in each case. The rest of this app's code (user interface, sound synthesis, playback engine, marker system, export logic, etc.) was created independently.

Werkinformationen

Nach dem Laden zeigt die App Titel, Komponist, Tempo, Taktart und die erkannten Stimmen/Instrumente an.

Wiedergabe

  • ▶ Abspielen startet ab der aktuellen Position (Leertaste tut dasselbe, bzw. stoppt).
  • ⏸ Pause hält an der aktuellen Stelle an – erneutes Abspielen setzt genau dort fort.
  • ■ Stopp hält an und springt zurück zum Startpunkt dieser Wiedergabe-Sitzung.
  • Tempo-Regler (40–200 %) verändert die Geschwindigkeit, ohne die Tonhöhe zu ändern.
  • Notenbild-Zoom vergrößert/verkleinert die Notendarstellung manuell. Solange du ihn nicht anfasst, passt die App die Größe automatisch an dein Fenster/Gerät an (siehe „Mobile Geräte" unten).
  • Transponierung (−12 bis +12 Halbtöne) verschiebt sowohl das Notenbild als auch die klingende Tonhöhe bei der Wiedergabe – über eine echte musiktheoretische Intervall-Berechnung direkt auf Basis der MusicXML-Daten (inklusive korrekt umgeschriebener Tonart und Vorzeichen), nicht nur ein reines Verschieben der Frequenz. Gilt auch für den MP3-Export. Perkussion/unbenotete Stimmen sowie Pausen bleiben unverändert.
  • Sprünge & Wiederholungen (Schalter oben bei Tempo/Zoom) legt fest, ob Wiederholungszeichen, 1./2. Klammern, D.C./D.S., Fine und Coda beim Abspielen tatsächlich umgesetzt werden, oder ob die Noten einfach linear wie geschrieben abgespielt werden (Standard).
  • ⏱️ Metronom (Schalter in den Einstellungen oder als ⏱️-Knopf direkt über den Noten) klickt im Takt mit – automatisch nach der/den im MusicXML definierten Taktart(en), inklusive Taktartwechseln innerhalb des Stücks. Der erste Schlag jedes Takts ist höher/betonter als die übrigen. Eigene Lautstärke einstellbar; wirkt auch bei Wiedergabe mit Sprüngen/Wiederholungen sowie im MP3-Export.

Navigation

Klick auf die Fortschrittsleiste oder direkt auf eine Note im Notensystem springt an diese Stelle. Der blaue Cursor im Notensystem folgt der Wiedergabe – wie in MuseScore – und die Ansicht scrollt automatisch mit, sodass das gerade klingende System oben im sichtbaren Bereich bleibt.

Stimmen

Über die Auswahlliste „Stimme auswählen" eine Stimme antippen/anklicken – erst dann lassen sich Klangfarbe (Sinus, Sägezahn, Klavier, Gitarre, Orgel, Streicher, Flöte, Klarinette, Trompete, Vibraphon, Gesang „Doo") und Lautstärke für genau diese Stimme einstellen (wirkt auch live während der Wiedergabe, andere Stimmen bleiben unverändert). 🔊/🔇 schaltet eine Stimme stumm – rein akustisch, sie bleibt im Notenbild sichtbar. 👁/🚫 blendet eine Stimme nur im Notensystem aus, bleibt aber hörbar, falls nicht zusätzlich stummgeschaltet.

Eine Stimme exponieren (hervorheben)

In den Einstellungen lässt sich „Beim Anklicken einer Stimme im Notensystem auf die Exponier-Klangfarbe umschalten" aktivieren (nur möglich, solange alle Stimmen auf Sinus stehen). Danach schaltet ein Klick auf eine Stimme im Notensystem genau diese Stimme auf die gewählte Exponier-Klangfarbe um (Standard: Sägezahn, über das Dropdown daneben frei wählbar aus allen Klangfarben). Die exponierte Stimme bleibt dabei dauerhaft farbig im Notenbild hervorgehoben – auch außerhalb der Wiedergabe, nicht nur während sie klingt.

Marker

  • 🚩 Marker setzen (Leiste über den Noten, zusätzlich Taste M am Desktop, oder 🚩 in der unteren Leiste am Smartphone/Tablet) setzt eine Markierung an der aktuellen Wiedergabeposition.
  • Jede Markierung erscheint als eigener Knopf „M1", „M2" usw. in der Marker-Leiste. Ein Klick darauf springt an den Anfang dieses Bereichs (der Bereich reicht bis zur nächsten Markierung bzw. bis zum Stückende).
  • Ist 🔁 Loop aktiviert, wird beim Springen zu einer Markierung automatisch genau dieser Bereich zum Loop-Bereich – er loopt dann fortlaufend. Das gilt auch, wenn der Loop erst danach eingeschaltet wird.
  • Pfeiltaste links/rechts (Desktop) springt zur vorherigen bzw. nächsten Markierung, ausgehend von der aktuellen Wiedergabeposition.
  • Jeder Marker-Knopf hat ein eigenes × zum Einzellöschen, dazu ein 🗑 Alle löschen-Knopf für sämtliche Markierungen auf einmal.
  • Markierungen erscheinen zusätzlich als farbige senkrechte Linien direkt im Notenbild.
  • Der kleine Pfeil-Knopf links in der Marker-Leiste klappt sie ein bzw. aus, um Platz zu sparen.
  • Gesetzte Markierungen werden beim Export mit eingebettet – wer die exportierte Datei öffnet, sieht dieselben Markierungen und kann selbst weitere setzen/löschen.

Vollbild-Notenansicht

Der Knopf ⛶ Vollbild (am Ende der Tempo-Leiste über den Noten) blendet alles außer der Partitur aus und lässt sie den gesamten Bildschirm füllen – auf jedem Gerät, nicht nur mobil. Die Werkzeugleiste am unteren Rand (Play/Pause/Loop/Marker/Einstellungen) bleibt dabei durchgehend erreichbar. Erneuter Klick (jetzt „✕ Vollbild verlassen") oder die Taste Esc kehrt zur normalen Ansicht zurück. Ist gerade eine Stimme exponiert (siehe oben), wird beim Wechsel in den Vollbildmodus automatisch dorthin gescrollt, damit sie sofort sichtbar ist, ohne danach suchen zu müssen.

Bedienleisten ein-/ausblenden

Der Knopf ☰ (immer oben rechts über den Noten sichtbar, auch im Vollbildmodus) blendet Titelzeile, Tempo-Leiste und Marker-Leiste komplett aus, sodass nur noch die Noten selbst und die untere Wiedergabeleiste übrig bleiben – besonders praktisch auf Smartphones/Tablets, um jeden Pixel Bildschirmhöhe für die Noten zu nutzen. Erneuter Klick blendet alles wieder ein.

Tempo-Leiste über den Noten

Direkt über der Partitur sitzt ein zweiter, immer sichtbarer Tempo-Regler (auch im Vollbildmodus) – er ist mit dem Tempo-Regler in den Einstellungen fest gekoppelt, beide zeigen stets denselben Wert.

Notenzoom per Zwei-Finger-Geste

Auf Touchscreens (v. a. Smartphone/Tablet) lässt sich direkt im Notenbereich mit zwei Fingern zoomen (Pinch-Geste) – funktioniert sowohl in der normalen Ansicht als auch im Vollbildmodus. Normales Ein-Finger-Scrollen bleibt davon unberührt.

Loop-Bereich (zum Üben)

  • 🅰 Loop-Start hier / 🅱 Loop-Ende hier setzt den jeweiligen Punkt an der aktuellen Wiedergabe-/Sprungposition. Das ist der Weg, der auf jedem Gerät funktioniert, auch ohne Tastatur: an die gewünschte Stelle springen (Leiste/Note antippen oder dorthin abspielen), dann 🅰 bzw. 🅱 antippen.
  • Nur am Desktop: Shift+Klick im Notensystem setzt den Loop-Start, Alt+Klick das Loop-Ende – direkt an der angeklickten Note. Der Punkt erscheint dort als senkrechter blauer Balken, nur innerhalb des Systems, in dem er gesetzt wurde.
  • 🔁 Loop: an/aus (Desktop zusätzlich Taste L) aktiviert bzw. deaktiviert die Wiederholung. Bei aktivem Loop springt die Wiedergabe am Loop-Ende zurück zum Loop-Start – das funktioniert auch, wenn der Loop erst während des Abspielens gesetzt wird. Das Loop-Ende darf auch auf die letzte Note/den Schluss-Doppelstrich gesetzt werden.
  • Loop löschen (Desktop zusätzlich Shift+X) setzt beide Punkte zurück.
  • Der Loop-Bereich wird auf der Fortschrittsleiste zusätzlich als lila Zone mit A/B-Markern angezeigt.
  • Auf dem Smartphone/Tablet: 🔁 in der schwebenden Leiste unten schaltet den Loop an/aus, ohne die Einstellungen öffnen zu müssen – sobald einmal Start und Ende gesetzt sind (dafür kurz die Einstellungen öffnen und 🅰/🅱 antippen), reicht danach ein Tipp auf 🔁 in der unteren Leiste.

Ansicht & Einstellungen

Über 🎛 Einstellungen (Desktop zusätzlich Taste E) öffnet sich ein schwebendes Fenster mit allen Einstellungen, direkt über dem Notenbild – das Notensystem bleibt dabei im Hintergrund immer in voller Größe sichtbar. Schließen per ✕, Klick daneben oder Esc. Die Anleitung öffnet sich genauso als eigenes schwebendes Fenster.

Mobile Geräte (iOS/Android)

  • Die Notendarstellung passt ihre Größe automatisch an die Bildschirmbreite an, damit Noten nicht gestaucht werden oder sich überlappen.
  • Eine schwebende Leiste am unteren Rand ist verfügbar, sobald eine Datei geladen ist – so bleiben die wichtigsten Funktionen immer erreichbar, auch ohne Tastatur und ohne die Einstellungen zu öffnen: ⏸ Pause, ▶/■ Abspielen/Stopp (ein Tipp genügt für beides – ein separater Stopp-Knopf ist auf dem Handy nicht nötig), 🅰 Loop-Start, 🅱 Loop-Ende, 🗑 Loop löschen und 🔁 Loop an/aus.
  • Loop-Punkte lassen sich damit komplett setzen, löschen und an-/ausschalten, ohne die Einstellungen je öffnen zu müssen.

Neue Funktionen: Loops, Solo & Sichern

  • 💾 Loop speichern merkt sich den aktuellen Loop-Bereich dauerhaft in einer Liste; jeder Eintrag zeigt Name, ▶-Knopf und Löschen-Knopf.
  • Bezeichnung wählen: „Loop Nr. …" (automatisch), „T.?–T.?" (automatisch aus den Taktnummern) oder frei eingetippt.
  • Per Taste abrufen: die ersten zehn gespeicherten Loops mit den Zifferntasten 1–0 (ohne Zusatztaste); alle mit Strg+Shift+Taste (Liste unten unter „Tastenkürzel").
  • Der aktive Loop wird zusätzlich als antippbares Feld oben im Notenbereich angezeigt – öffnet eine Auswahlliste aller gespeicherten Loops, auch im Vollbildmodus. Alle Loops bleiben beim HTML-Export erhalten.
  • Solo schalten: im Stimmen-Mixer per 🎯-Knopf (schaltet alle anderen Stimmen automatisch stumm) oder am Desktop direkt über den Ziffernblock (Num 1–9). Auf dem Smartphone/Tablet: 🎯 in der unteren Leiste öffnet eine Stimmen-Leiste (ein Tipp = Solo, „Alle“ hebt es auf), oder einfach lange auf ein Notensystem tippen. Die Solo-Stimme wird dauerhaft hinterlegt, ein Loop-Bereich nur noch über ihrem Notensystem.
  • Im Wechselgesang-Modus kann das Metronom per Einstellung auch während der stillen Wiederholung weiterklicken; dabei erscheint zusätzlich ein „🧑‍🎤 ECHO – jetzt nachsingen"-Hinweis über den Noten (Größe einstellbar).
  • 💾 Datei mit Loops/Markern/Einstellungen speichern lädt die aktuell geöffnete Datei mit allen Änderungen als neue eigenständige HTML-Datei herunter.
  • ⚙️ Einstellungen als JSON exportieren/importieren speichert bzw. lädt nur die Einstellungen als kleine, eindeutig gekennzeichnete .json-Datei (Dateiname enthält automatisch den Werktitel).
  • Exportierte Dateien starten jetzt automatisch im Vollbildmodus; die Knöpfe 📖 Anleitung und ⚙️ Einstellungen bleiben dabei oben rechts erreichbar.

Tastenkürzel (Desktop)

  • Leertaste – Abspielen/Stopp
  • E – Einstellungen ein-/ausblenden
  • L – Loop an/aus
  • Alt+L – aktuellen Loop-Bereich speichern
  • M – Marker an aktueller Position setzen
  • Pfeil links / Pfeil rechts – 5 Sekunden zurück-/vorspulen
  • Pfeil runter – zurück zum Anfang springen
  • Shift+Pfeil links / Shift+Pfeil rechts – zur vorherigen / nächsten Markierung springen
  • Shift+X – Loop löschen
  • Shift+Klick / Alt+Klick im Notensystem – Loop-Start / Loop-Ende setzen
  • Alt+M – Metronom ein-/ausschalten
  • Alt+S – Exponieren beim Anklicken ein-/ausschalten (Sägezahn-Klangfarbe)
  • Alt+W – Wechselgesang-Modus ein-/ausschalten
  • Alt+Pfeil hoch / Alt+Pfeil runter – Tempo in 5-%-Schritten erhöhen/verringern
  • Alt+K / Alt+Q / Alt+P / Alt+T – Kreis/Ellipse, Rechteck (Quadrat), Pfeil bzw. Text zum Platzieren bewaffnen (nächster Klick auf die Notendarstellung setzt das Objekt dort ab)
  • Alt+B – Bild/Screenshot auswählen und anschließend auf die Notendarstellung klicken, um es dort zu platzieren (der 📷-Button in der Seitenleiste bzw. Werkzeugleiste fügt es stattdessen sofort mittig ein); Strg+V fügt ein Bild direkt aus der Zwischenablage mittig ein (z.B. einen frisch aufgenommenen Screenshot)
  • Esc – bricht eine aktive Platzierung ab, verlässt sonst die Vollbild-Notenansicht bzw. schließt ein offenes Fenster
  • 1–0 – zum jeweiligen der ersten zehn gespeicherten Loops springen
  • Strg+Shift+Taste – zu einem beliebigen gespeicherten Loop springen (Zuordnung siehe Loop-Liste)
  • Ziffernblock 1–9 / Alt+1–9 – die entsprechende Stimme solo schalten/wieder aufheben

Hinweis: Alle benötigten Bibliotheken sind lokal in dieser App enthalten – sie funktioniert komplett ohne Internetverbindung.

© Uwe Schiemann, Juli 2026

2. Werkinformationen

Titel: Mass in D
Komponist: Antonin Dvorak (1841 - 1904)
Tempo: 120 BPM
Taktart: 3/4
Stimmen: Soprano, Alto, Tenor, Bass

colortheme_h2

🖌️ Grafische Objekte

Formen, Text und Screenshots/Fotos direkt auf die Notendarstellung legen – anklicken zum Auswählen, ziehen zum Verschieben, an den Griffen skalieren/drehen, doppelklicken zum Text eintippen.

Loop-Farbe

Bestimmt, wie der markierte Loop-Bereich im Notensystem farblich unterlegt wird.

interpretation_h2

Anzahl Schläge Zahlenfarbe Größe (85 %)

3. Wiedergabe

Startpunkt per Klick auf die Leiste (oder direkt auf eine Note im Notensystem) setzen. Der blaue Cursor im Notensystem folgt der Wiedergabe. Leertaste Abspielen/Stopp, E Einstellungen ein-/ausblenden, L Loop an/aus, Shift+X Loop löschen. Loop-Punkte setzen: 🅰/🅱-Buttons (aktuelle Position) oder direkt im Notensystem mit Shift+Klick (Start) / Alt+Klick (Ende) – erscheint dort als senkrechter blauer Balken. Mehr dazu in der Anleitung.

4. Stimmen

Klangfarbe und Lautstärke lassen sich nur für die oben ausgewählte Stimme ändern. 🔊/🔇 schaltet eine Stimme stumm (auch während der Wiedergabe). 👁/🚫 blendet eine Stimme im Notensystem ein/aus.
Notendarstellung (OpenSheetMusicDisplay)
Tempo 100 %)