Jak dodać odtwarzacz muzyki do Tumblr z opcją odtwarzania w tle

Tumblr pozwala użytkownikom wyrażać siebie w kreatywny sposób, m.in. poprzez muzykę i inne klipy dźwiękowe. Aby osadzić odtwarzacz audio na blogu Tumblr, wystarczy wkleić odpowiedni kod w sekcję „Opis” (Description) na stronie personalizacji. Sekcja ta obsługuje HTML, CSS i inne elementy webowe i zwykle wyświetlana jest w pasku bocznym motywu. Pliki dźwiękowe muszą znajdować się na zewnętrznym serwerze – Tumblr nie udostępnia własnego hostingu plików.

Tag audio HTML5

Najprostszym rozwiązaniem jest użycie tagu <audio> HTML5. Obsługuje on formaty MP3, WAV i OGG. Aby wyświetlić przyciski sterujące, dodaj atrybut controls. Jeśli chcesz, aby utwór odtwarzał się automatycznie w tle, użyj dodatkowo atrybutu autoplay – pamiętaj jednak, że automatyczne odtwarzanie może irytować odwiedzających.

Wygląd odtwarzacza można modyfikować przy pomocy CSS, np. zmniejszając szerokość do 45 px, co ukryje wszystko oprócz przycisku odtwarzania.

Samodzielne odtwarzacze audio

Jeśli potrzebujesz większej kontroli i dodatkowych funkcji, możesz skorzystać z niezależnych odtwarzaczy przeznaczonych do stron internetowych. Wymagają one jednak własnego miejsca na serwerze, gdzie będą przechowywane pliki odtwarzacza.

Przykłady:

• WordPress Audio Player – wersja samodzielna, którą można osadzić na dowolnej stronie, w tym w opisie Tumblr, pod warunkiem że pliki są hostowane zewnętrznie. Dodanie wielu utworów wymaga ręcznej edycji kodu.
• Dewplayer – odtwarzacz oparty na Flash i HTML, oferujący kilka gotowych szablonów. Po wprowadzeniu danych generuje spersonalizowany kod do wklejenia.

Serwisy muzyczne i audio

Jeśli nie chcesz samodzielnie hostować plików i pisać kodu, skorzystaj z serwisów udostępniających wbudowane odtwarzacze:

• Spotify – umożliwia osadzenie pojedynczych utworów lub całych playlist za pomocą gotowego widgetu.
• SoundCloud – pozwala wgrać własne nagrania i dodać ich odtwarzacz do sekcji opisowej Tumblr. Można także udostępniać „sets”, czyli odpowiedniki playlist.

Dostępność i inne kwestie

Automatyczne odtwarzanie muzyki w tle może wprowadzić niepożądany nastrój – wiele osób postrzega je jako irytujące i opuszcza stronę przed jej pełnym załadowaniem. Dodatkowo, takie rozwiązanie utrudnia dostęp osobom z niepełnosprawnościami wzrokowymi oraz wydłuża czas ładowania strony, co zwiększa ryzyko utraty odwiedzających.