Como personalizar o reprodutor de áudio do Tumblr

O áudio é um dos sete tipos de postagem diferentes no Tumblr, e há um layout e estilo padrão usados ​​para o widget que reproduz a faixa selecionada. Você pode modificar manualmente alguns aspectos do player, tanto na janela de pós-criação quanto editando o HTML do seu tema atual do Tumblr, mas algumas características são definidas pela própria plataforma do Tumblr e não podem ser editadas. Para modificar o HTML do seu tema, clique em "Editar HTML" na tela de personalização.

Opções de postagem de áudio

Faça upload de um arquivo de áudio para o Tumblr e, se o arquivo tiver faixa, artista, álbum e capa do álbum incorporados, essa informação aparecerá na janela de pós-criação. Você pode editar qualquer um desses dados conforme necessário e adicionar uma legenda se desejar. Como em qualquer outra postagem do Tumblr, você também pode adicionar tags à postagem. Os mesmos campos aparecem se você vincular a uma trilha de áudio externa em outro lugar na Web, mas se incorporar uma trilha de outro serviço, como Spotify ou Soundcloud, não poderá editar os metadados associados à trilha.

Cor e tamanhos do reprodutor de áudio

O Tumblr oferece várias variáveis ​​que os criadores de temas podem usar para alterar a aparência do reprodutor de áudio. Procure uma seção no tema HTML começando com "{block: AudioEmbed}." É aqui que o código do reprodutor de áudio começa. Você pode inserir o código "{AudioEmbed-xxx}" para definir o tamanho do reprodutor de áudio, onde "xxx" é a largura em pixels; escolha entre 250, 400, 500 e 640 pixels de largura. Você também pode usar os códigos "{AudioPlayerWhite}," "{AudioPlayerGrey}" ou "{AudioPlayerBlack}" para definir a cor do reprodutor de áudio Tumblr padrão.

Contagens de jogos e links para download

Outra variável permite que você mostre quantas vezes uma faixa específica foi reproduzida: Use "{PlayCount}" para um número simples, "{FormattedPlayCount}" para um número formatado com vírgulas ou "{PlayCountWithLabel}" para um número formatado com um rótulo "joga". Se a postagem tiver um link para um arquivo de áudio hospedado fora do Tumblr, você pode usar a tag "{ExternalAudioURL}" para direcionar os visitantes à fonte original. Todas essas variáveis ​​e links podem ser HTML e folhas de estilo em cascata de sua escolha para alterar sua aparência e layout na tela. Se você não se sentir confortável escrevendo HTML e CSS por conta própria, estude alguns dos temas gratuitos do Tumblr para ver como os autores aplicam esses espaços reservados.

Rastrear Metadados

As variáveis ​​"{AlbumArtURL}," "{Artist}," "{Album}" e "{TrackName}" relatam os metadados da faixa conforme inseridos (ou preenchidos automaticamente) na janela de pós-criação. Depende de você como essas informações são mostradas na tela. Você pode escolher exibir todos os detalhes de uma faixa ou ocultar tudo, exceto a arte do álbum, por exemplo. Novamente, você pode formatar a fonte, o tamanho e a cor do texto dessas variáveis ​​usando o código HTML e CSS aplicado ao blog. Você pode achar mais fácil modificar o código existente em vez de começar do zero.