Programm zum Noten - Umblättern, © Gerhard Schacherl 2024,2025

Beispiele

In dich hab ich gehoffet (svg-Bilder, mit TIMER)

Info

Wie blättert man Noten um?

Normalerweise spielt man aus einem Heft, und ein(e) Assistent(in) blättert die Seiten um. Dabei ist der richtige Zeitpunkt entscheidend - nicht zu früh und nicht zu spät!

Spielt man aus losen Blättern, ergibt sich eine andere Möglichkeit: Die Notenblätter liegen zu Beginn auf einem Stapel auf der rechten Seite. Die Assistentin nimmt jeweils ein Blatt vom Stapel und legt es langsam auf die linke Seite. Währenddessen kann der Spieler noch auf dem Blatt mitlesen. Der Zeitpunkt des Umblätterns ist also etwas variabel. Diese Technik bildet das Programm nach: die Notenblätter werden beim Umblättern langsam von rechts nach links geschoben (= "slide").

Achtung auf die rechtliche Komponente: Notenblätter sind im allgemeinen rechtlich geschützt. Bei einer öffentlichen Aufführung mit Computer od. Tablet muss sichgestellt sein, dass der Spieler das Original-Notenblatt rechtmäßig erworben hat!

Programm - Features

Anpassung an Bildschirme

Die Notenblätter passen sich der Größe des Bildschirms an. Wenn möglich, wird die oben geschilderte Technik verwendet. Sollten sich zwei Blätter nebeneinander nicht ausgehen, wird auf eine einfache Variante des Blätterns umgeschaltet: nur ein Stapel, nur ein aktives (= sichtbares) Notenblatt und keine Animation.

Maus - Bedienung

Mausklick links = Seite langsam umblättern
Mausklick links auf Seitenzahl = Seitenwahl
Mausklick rechts = Seite (schnell) zurückblättern

Als Mausersatz können Touch-Berührungen dienen oder ein Gerät, das Mausklicks simulieren kann (Presenter, Pageflip-Pedal, erhältlich bei Thomann, ...)

Tasten - Bedienung

<Cursor rechts> od. <BildAuf> = Seite langsam umblättern
<Cursor links> od. <BildAb> = Seite (schnell) zurückblättern
<Pos1> = Gehe zu Seite 1
<Ende> = Gehe zur letzten Seite
<#> = Seitenwahl
<i> = Copyright

Timer (NEU ab Version 1.06)

Ein experimentelles Feature, das Organisten das Umblättern erleichtert, bzw. abnimmt:

Ein zusätzliches Script timer.js wird eingebunden
Nach Anklicken des Buttons "Start Timer" und mit Hilfe einiger Javascript-Variablen blättert das Programm selbständig nach vorgegebener Zeit um
var startSeconds = 3; = Nach Anklicken des Buttons 3 sec warten, dann spielen
var turnSeconds = [1,10,10]; Sekunden für das Umblättern von Seite 1, 2 und 3
(siehe Musterbeispiel unten)

Eigene Notenblätter erstellen

Download Musterdateien
Enthält: musterdatei.html, scoreSlide.js, timer.js und style.css

Benötigt werden zusätzlich *.jpg-Bilder oder *.svg-Bilder der Notenblätter

musterdatei.html passend für das/die Musikstück(e) umbenennen und bearbeiten:
Bilderlinks einsetzen, ev. Timer-Variablen anpassen, <title>-Tag ergänzen, siehe

HTML-Code für MozartSonateKV545_jpg.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mozart Sonate KV 545</title>
<link rel="icon" href="favicon.svg" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<img src="MozartSonateKV545_jpg/mozart-sonate-nr15-KV545_1.jpg">
<img src="MozartSonateKV545_jpg/mozart-sonate-nr15-KV545_2.jpg">
<img src="MozartSonateKV545_jpg/mozart-sonate-nr15-KV545_3.jpg">
<img src="MozartSonateKV545_jpg/mozart-sonate-nr15-KV545_4.jpg">

<script src="scoreSlide.js"></script>
</body>
</html>

HTML-Code für in-dich-hab-ich-gehoffet.html (svg, mit Timer)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>In dich hab ich gehoffet</title>
<link rel="icon" href="favicon.svg" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<!-- Hier die Bilder der Notenblätter einsetzen: -->
<img class="svgImg" src="in-dich-hab-ich-gehoffet/in-dich-hab-ich-gehoffet001.svg">
<img class="svgImg" src="in-dich-hab-ich-gehoffet/in-dich-hab-ich-gehoffet002.svg">
<img class="svgImg" src="in-dich-hab-ich-gehoffet/in-dich-hab-ich-gehoffet003.svg">
<img class="svgImg" src="leerseiteA4hoch.svg">

<script src="scoreSlide.js"></script>

<script>
<!-- Hier die gewünschte Wartezeit zwischen Anklicken des Buttons und des Spielbeginns in sec einsetzen: -->
var startSeconds = 3; 
<!-- Hier die Umblätter-Zeiten in sec für die einzelnen Notenseiten einsetzen, getrennt durch Beistrich -->
var turnSeconds = [16,32,24];
</script>
<script src="timer.js"></script>


</body>
</html>