Jak vložit hudbu na Tumblr s tlačítkem přehrát na pozadí

Tumblr umožňuje vyjádřit svůj styl i hudbou. Pro vložení přehrávače stačí přidat příslušný kód do sekce \"Description\" v nastavení vzhledu. Tato sekce podporuje HTML, CSS a další webové technologie a obvykle se zobrazuje v postranním panelu šablony. Hudební soubory musejí být uložené na externím serveru – Tumblr nenabízí vlastní úložiště.

HTML5 audio tag

Pro jednoduchý přehrávač stačí použít značku <audio>. Podporuje formáty MP3, WAV i OGG. Přidejte atribut controls, aby se zobrazila tlačítka přehrávání. Pokud chcete, aby se skladba spustila automaticky, přidejte také autoplay, ale používejte to střídmě, protože mnoho návštěvníků auto‑přehrávání neocení. Pomocí CSS můžete upravit vzhled, např. nastavením šířky na 45 px skryjete vše kromě tlačítka „play“.

Samostatné audio přehrávače

Pokud potřebujete více možností, můžete využít samostatné přehrávače určené pro weby. Vyžadují však úložiště pro soubory přehrávače. WordPress Audio Player nabízí verzi, kterou lze vložit kdekoliv – stačí nahrát soubory na externí server a vložit generovaný kód do popisu na Tumblr. Přidání více stop vyžaduje ruční úpravy kódu. Další možností je Dewplayer, který používá Flash a nabízí několik přednastavených vzhledů; po zadání požadovaných parametrů vygeneruje vlastní kód.

Hudební a audio služby

Chcete-li se vyhnout hostování souborů a psaní HTML, můžete použít služby pro sdílení hudby. Spotify umožňuje vložit svůj oblíbený song nebo playlist pomocí vestavěného přehrávače. SoundCloud umožňuje nahrát vlastní skladby a poté vložit jeho přehrávač do sekce Description; můžete také sdílet „sets“, což jsou ekvivalenty playlistů.

Přístupnost a další úvahy

Auto‑přehrávání na pozadí může vytvořit požadovanou atmosféru, ale často vede k odrazu návštěvníků. Mnoho uživatelů stránku zavře ještě před načtením. Navíc auto‑přehrávání ztěžuje orientaci uživatelům se zrakovým postižením a prodlužuje dobu načítání stránky, což zvyšuje míru odchodů.