Jak přizpůsobit zvukový přehrávač Tumblr

Zvuk je jedním ze sedmi různých typů příspěvků v Tumblru a pro widget, který přehrává vybranou stopu, se používá výchozí rozložení a styl. Některé aspekty přehrávače můžete ručně upravit, a to jak v okně vytváření příspěvků, tak úpravou kódu HTML vašeho aktuálního motivu Tumblr, ale některé charakteristiky nastavuje samotná platforma Tumblr a nelze je upravovat. Chcete-li upravit HTML svého motivu, klikněte na obrazovce úprav na „Upravit HTML“.

Možnosti zvukového příspěvku

Nahrajte zvukový soubor do Tumblru a pokud je v souboru vložena skladba, interpret, album a obal alba, zobrazí se tyto informace v okně pro vytvoření příspěvku. Podle potřeby můžete libovolné z těchto údajů upravit a přidat nadpis, pokud chcete. Stejně jako u jiných příspěvků Tumblr můžete k příspěvku přidat také značky. Stejná pole se zobrazí, pokud odkazujete na externí zvukovou stopu kdekoli na webu, ale pokud vložíte stopu z jiné služby, jako je Spotify nebo Soundcloud, nemůžete upravit metadata spojená se stopou.

Barva a velikosti audio přehrávače

Tumblr nabízí několik proměnných, které mohou tvůrci motivů použít ke změně vzhledu zvukového přehrávače. Vyhledejte část v motivu HTML začínající „{block: AudioEmbed}.“ Zde začíná kód audiopřehrávače. Můžete vložit kód „{AudioEmbed-xxx}“ a nastavit velikost zvukového přehrávače, kde „xxx“ je šířka v pixelech; vyberte si ze šířky 250, 400, 500 a 640 pixelů. Můžete také použít kódy „{AudioPlayerWhite}“, „{AudioPlayerGrey}“ nebo „{AudioPlayerBlack}“ a nastavit barvu výchozího zvukového přehrávače Tumblr.

Hrajte počty a odkazy ke stažení

Další proměnná umožňuje zobrazit, kolikrát byla konkrétní skladba přehrána: Použijte „{PlayCount}“ pro jednoduché číslo, „{FormattedPlayCount}“ pro číslo naformátované čárkami nebo „{PlayCountWithLabel}“ pro formátované číslo s štítek „hraje“. Pokud příspěvek odkazuje na zvukový soubor hostovaný mimo Tumblr, můžete pomocí značky „{ExternalAudioURL}“ nasměrovat návštěvníky na původní zdroj. Všechny tyto proměnné a odkazy mohou být HTML a kaskádové styly podle vašeho výběru, abyste změnili jejich vzhled a rozložení na obrazovce. Pokud vám nevadí psát vlastní HTML a CSS, prostudujte si některá z bezplatných témat Tumblru, abyste zjistili, jak autoři používají tyto zástupné symboly.

Sledovat metadata

Proměnné "{AlbumArtURL}," "{Artist}," "{Album}" a "{TrackName}" hlásí zpět metadata pro stopu tak, jak byla zadána (nebo automaticky vyplněna) v okně pro vytvoření příspěvku. Je jen na vás, jak se tyto informace zobrazí na obrazovce. Můžete si vybrat, zda chcete zobrazit všechny podrobnosti skladby, nebo například skrýt vše kromě grafiky alba. Opět můžete formátovat textové písmo, velikost a barvu těchto proměnných pomocí kódu HTML a CSS použitého na blog. Možná zjistíte, že je snazší upravit stávající kód, než začít znovu od nuly.