Integration von Sound, Text, Images, Videos, Karten usw

[Linuchs]

Hallo Tom,

Linuchs hatte vor längerer Zeit mal ein interessantes Web-Frontend für das Anzeigen, Abspielen und Synchronisieren von Audiodateien, Texten (und Bildern, bzw. Noten) vorgestellt.

Eine aktuelle Version gibt es hier: Dance The Night Away - ersetze example dot org durch osmer dot de

Das begann 2012 als druckbare Liederbücher im HTML-Code für unsere Törns „Singen unter Segeln” und auch für Singsang im Senioren-Wohnheim.

Ein Liederbuch besteht aus einem Inhaltsverzeichnis mit <iframe> für jedes Lied. Dann kam pro Lied immer mehr dazu:

• eine Audio-Spur zum Proben am PC
• Ein paar Notenzeilen vor dem Text, damit Musikanten die Tonart und den Anfang finden,
• Billige Liederbücher in A5, A6 fürs Publikum. Knifflige Seitenaufteilung bei beidseitigem Druck A4,
• die einzelnen Lieder im <iframe> erkennen am top.location.href, welche CSS-Datei sie laden müssen um auf A5 oder A6 zu schrumpfen.
• durch Klick auf die Notenzeile den Text ausblenden und ein Notenbuch drucken. Noten und Text pro Lied z.Z. noch auf ein <iframe> = eine Seite begrenzt.
• mehrere Audio-Spuren Für mehrstimmige Chöre / Bands, Lautstärke unabhängig von anderen Spuren zu regeln.
• Zum synchronen Abspielen die Buttons [alle zum Start] [alle play] [alle pause]
• Text farbig hinterlegt (Karaoke)
• Klick auf eine Zeile, <audio> setzt dort auf. Sonst müsste man zum Proben immer wieder von vorn beginnen.
• <audio> Geschwindigkeit regelbar (leider noch nicht die Tonart regelbar)

Neueste Studie: Kalles Liederbuch TEST - ersetze example dot org durch osmer dot de

Das Liederbuch wird auf mehrere Geräte (weltweit) geladen. Oben links drei Radio-Knöpfe. Der Chorleiter / Dirigent drückt [master], die Sänger drücken [slave].

Wenn der Master auf ein Teilen-Icon drückt, wird die URL dieses Liedes als Textdatei auf dem Server abgelegt.

Die Slaves rufen alle 5 sec den Server, der schickt die URL und nach sätestens 5 sec haben alle das zu probende Lied vor Augen.

Gerne gebe ich weitere Auskunft, viele der Kniffe wurden mit Hilfe dieses Forums ausgeführt.

Gruß, Linuchs