Jak přidat hudební přehrávač na pozadí na Tumblr

Správná hudba na pozadí vytvoří přívětivou atmosféru, která návštěvníky povzbudí k setrvání a prozkoumání vašeho blogu na Tumblr. Tumblr oficiálně nepodporuje ani nepropaguje přehrávání hudby na pozadí, ale umožňuje upravit HTML šablony blogu a přidat tuto funkci sami.

Hudební přehrávač SoundCloud

Tumblr podporuje widget audio přehrávače z hudební platformy SoundCloud. Stačí najít požadovanou skladbu, kliknout na „Share“ → „Embed“ a získat kód <iframe>. Tento kód vložte do šablony těsně za tag </head> nebo před tag </body>. Po uložení se skladba spustí automaticky při každé návštěvě vašeho blogu.

Externí hudební přehrávače

Na internetu existuje řada widgetů třetích stran, například StreamPad, WikiPlayer nebo Billy Music Player. Umožňují vytvořit vlastní přehrávač, který přehrává MP3 soubory nebo zvukovou část videí z YouTube. Při tvorbě přehrávače zapněte možnost „AUTOPLAY“ a získaný embed kód umístěte do šablony blogu.

HTML5 audio soubory

Standard HTML5 umožňuje přehrávat hudbu na pozadí pouhými třemi řádky kódu. Stačí použít tag <audio> s odkazem na MP3, WAV nebo OGG soubor. Například:

<audio autoplay>
  <source src="https://copyrightfreesongs.com/mysong.mp3" type="audio/mpeg">
</audio>

Atribut autoplay zajistí, že se skladba spustí okamžitě po načtení stránky.

Co zvážit

Tumblr varuje před přehráváním hudby na pozadí s poznámkou, že „to může působit nevkusně“. I když si hudbu pečlivě vybíráte, nemusí se líbit všem návštěvníkům. Navíc hudba prodlužuje dobu načítání stránky, což může odradit uživatele. A konečně, pokud používáte skladby, které nevlastníte ani nemáte povolení, můžete neúmyslně porušit autorská práva.