Playlista Szablony HTML

Przejrzyste szablony HTML playlisty

Szablony HTML playlisty oferują gotowy układ dla kolekcji muzycznych, obejmujący nagłówek sekcji, wiersz dla każdego utworu oraz miejsce na odtwarzacze audio. Wystarczy podmienić wersje demonstracyjne piosenek, dostosować projekt w Nicepage i wyeksportować pliki HTML na własny hosting. Set DJ-ski traci sens, gdy utwory pojawiają się w złej kolejności, z kolei w archiwum radiowym najważniejsze są daty wydań i nazwiska gości.

Układy dla uporządkowanych zestawów i przejrzystych kolekcji

Większość projektów playlist opiera się na jednym z trzech schematów:

1. Kompaktowa lista utworów: ponumerowane wiersze z tytułem, wykonawcą i czasem trwania idealnie pasują do długich setów, choć zostawiają mało miejsca na opisy.
2. Karty z okładkami: każdy album lub odcinek otrzymuje kafelek ze zdjęciem, który łatwo zauważyć, ale wymaga dłuższego przewijania na telefonie.
3. Playlista wielosekcyjna: utwory są podzielone osobnymi nagłówkami, np. rozgrzewka, interwały i wyciszenie na zajęciach spinningu.

Niezależne sety na jednej stronie wymagają odrębnej numeracji. Tabs Element w Nicepage pozwala rozmieścić grupy elementów witryny w obrębie zakładek, dzięki czemu DJ może przypisać każdy set do osobnej karty. Ponieważ zakładki ukrywają wszystkie zestawy poza aktywnym, pojedyncza, krótka playlista prezentuje się lepiej jako zwykła lista.

Co zawiera pojedynczy wiersz utworu

Standardowy wiersz zawiera numer lub miniaturę po lewej stronie, informacje o utworze na środku oraz czas trwania z przyciskiem odtwarzania po prawej. Każda część spełnia określoną rolę:

1. Tytuł i wykonawca identyfikują nagranie i powinny być zwykłym tekstem, który może zawijać się do drugiej linii.
2. Czas trwania pokazuje długość utworu i na wąskim ekranie nigdy nie powinien nachodzić na przycisk odtwarzania.
3. Krótka notatka przydaje się w audycjach radiowych do opisu fragmentu, lecz może zaburzać czytelność zwartej listy.

Komponenty Audio Elements w Nicepage wyświetlają każde nagranie z tytułem utworu, nazwą wykonawcy i kontrolkami odtwarzania. Po skonfigurowaniu pliku źródłowego lub adresu URL kliknij przycisk odtwarzania, aby upewnić się, że uruchamia się właściwy utwór, oraz sprawdź prawa autorskie. Osobne odtwarzacze nie przechodzą automatycznie do kolejnego utworu, ale programista może dodać do wyeksportowanego kodu skrypt kolejkowania.

Wybór pod kątem długości, okładek i ekranów smartfonów

Ponieważ każdy wiersz korzysta z tego samego układu, dodanie piosenki sprowadza się do powielenia wiersza, a Nicepage pozwala modyfikować fonty i odstępy bez konieczności tworzenia listy od zera. Długie playlisty zachowują czytelność dzięki wyraźnej numeracji i nagłówkom grup. Na małych ekranach grafiki okładek powinny się zmniejszać, a opisy trafiać pod tytuł.

Przed publikacją sprawdź stronę na telefonie, odtwórz nagrania z różnych wierszy i wklej najdłuższy tytuł. Treści demonstracyjne zawierają zazwyczaj krótkie nazwy – wiersz wyglądający schludnie może ulec zniekształceniu, gdy pojawi się informacja o remiksie i dwóch gościnnych wykonawcach.