Как да персонализирате аудио плейъра в Tumblr

Аудиото е един от седемте типове постове в Tumblr и се показва чрез стандартен плейър с предварително зададен дизайн. Можете да променяте някои аспекти на плейъра както при създаване на пост, така и чрез редактиране на HTML кода на темата си. За да промените темата, отворете екрана за персонализиране и натиснете „Edit HTML“.

Опции за аудио постове

Качете аудио файл в Tumblr и, ако файлът съдържа вградени данни за песен, изпълнител, албум и обложка, те ще се покажат в прозореца за създаване на пост. Тези данни могат да се редактират и може да добавите описание. Както при всеки друг пост, можете да зададете тагове. При вмъкване на външен аудио линк (например от Spotify или SoundCloud) се показват същите полета, но метаданните от оригиналния източник не могат да се променят.

Цвят и размер на аудио плейъра

Tumblr предоставя няколко променливи, които разработчиците на теми могат да използват, за да променят външния вид на плейъра. Потърсете в HTML кода на темата секция, започваща с {block:AudioEmbed} – тук започва кода за плейъра. За да зададете ширина, използвайте {AudioEmbed-xxx}, където xxx е ширината в пиксели (250, 400, 500 или 640). За цветова схема използвайте {AudioPlayerWhite}, {AudioPlayerGrey} или {AudioPlayerBlack}.

Брой възпроизвеждания и линкове за изтегляне

Със следните променливи можете да покажете колко пъти е прослушана дадена песен:

• {PlayCount} – прост брой.
• {FormattedPlayCount} – брой с разделителни запетаи.
• {PlayCountWithLabel} – брой с етикет „plays“.

Ако постът съдържа външен аудио файл, можете да използвате {ExternalAudioURL}, за да добавите връзка към оригиналния източник. Всички тези променливи могат да бъдат стилизирани с вашия HTML и CSS. Ако не се чувствате уверени в кодирането, разгледайте безплатните теми на Tumblr, за да видите как други автори използват тези маркери.

Метаданни на песента

Следните променливи връщат информация за текущата песен:

• {AlbumArtURL} – URL на обложката.
• {Artist} – изпълнител.
• {Album} – албум.
• {TrackName} – име на песента.

Тези данни могат да се показват както искате – можете да покажете всичко, само обложката или каквото сметнете за най‑подходящо. Форматирайте шрифта, размера и цвета чрез CSS, за да съчетаят плейъра с дизайна на вашия блог. Често е по‑лесно да коригирате съществуващия код, отколкото да започвате от нулата.