Gesucht: urheberrechtsfreie Adventslieder

[Felix Riesterer]

Lieber Matthias,

das Beispiel einer Playlist

auf dem Desktop sieht das ganz nett aus:

Durch diese Idee mit dem Kreis ist das auf einem Smartphone aber sehr bildschirmfüllend. Insbesondere die Bedienelemente für die Playlist machen sich bei längeren Titeln ungünstig. Auch die Abspielzeit wirkt gestalterisch unentschlossen, weil sie leicht links unterhalb der Kreislinie positioniert ist.

Vorschläge

• Die Abspielzeit kommt in den Kreis hinein unter das Symbol zur Steuerung.
  
• Der Kreis schrumpft auf etwa 2/3.
  
• Für die Steuerung der Playlist die Buttons für vor und zurück unten und oben anbringen. Bei breiten Viewports kann dann eine media query gerne die Buttons rechts und links platzieren.
• Die Link-Liste für die Audio-Dateien selbst wirken auf den ersten Blick wie Bedienelemente der Playlistensteuerung. Als ich dann aber im Browser das native Playerelement seitenfüllend hatte, war mir klar, dass ich die Wiki-Seite verlassen hatte. Deswegen: Playlist ist eine Liste (<ol>), deren <li>-Elemente jeweils einen Button enthalten, der die jeweilige Audio-Datei direkt startet, gefolgt von einem Link auf die Quelle mit dem Linktext „Quelle“.

Wenn man die Wiedergabe angehalten hat, dann auf den vor- oder zurück-Button klickt, dann startet der jeweils nächste oder vorherige Titel in der Liste, das Symbol des Bedienfeldes für Play/Pause passt sich aber noch nicht an.

Liebe Grüße

Felix Riesterer