Cómo personalizar el reproductor de audio Tumblr

El audio es uno de los siete tipos de publicaciones diferentes en Tumblr, y hay un diseño y estilo predeterminados para el widget que reproduce la pista seleccionada. Puede modificar manualmente algunos aspectos del reproductor, tanto en la ventana de creación de publicaciones como editando el HTML de su tema actual de Tumblr, pero algunas características las establece la propia plataforma de Tumblr y no se pueden editar. Para modificar el HTML de su tema, haga clic en "Editar HTML" en la pantalla de personalización.

Opciones de publicación de audio

Sube un archivo de audio a Tumblr y, si el archivo tiene una pista, un artista, un álbum y la carátula del álbum incrustados, esta información aparece en la ventana de creación de publicaciones. Puede editar cualquiera de estos datos según sea necesario y agregar un título si lo desea. Al igual que con cualquier otra publicación de Tumblr, también puede agregar etiquetas a la publicación. Los mismos campos aparecen si se vincula a una pista de audio externa en otro lugar de la Web, pero si inserta una pista de otro servicio, como Spotify o Soundcloud, no puede editar los metadatos asociados con la pista.

Color y tamaños del reproductor de audio

Tumblr ofrece varias variables que los creadores de temas pueden usar para cambiar la apariencia del reproductor de audio. Busque una sección en el tema HTML que comience con "{block: AudioEmbed}". Aquí es donde comienza el código del reproductor de audio. Puede insertar el código "{AudioEmbed-xxx}" para establecer el tamaño del reproductor de audio, donde "xxx" es el ancho en píxeles; elija entre 250, 400, 500 y 640 píxeles de ancho. También puedes usar los códigos "{AudioPlayerWhite}", "{AudioPlayerGrey}" o "{AudioPlayerBlack}" para establecer el color del reproductor de audio predeterminado de Tumblr.

Play Counts y enlaces de descarga

Otra variable le permite mostrar cuántas veces se ha reproducido una pista en particular: use "{PlayCount}" para un número simple, "{FormattedPlayCount}" para un número con formato de comas o "{PlayCountWithLabel}" para un número con formato con una etiqueta de "obras de teatro". Si la publicación está vinculada a un archivo de audio alojado fuera de Tumblr, puede hacer uso de la etiqueta "{ExternalAudioURL}" para dirigir a los visitantes hacia la fuente original. Todas estas variables y enlaces pueden ser HTML y hojas de estilo en cascada de su elección para cambiar su apariencia y diseño en la pantalla. Si no se siente cómodo escribiendo HTML y CSS por su cuenta, estudie algunos de los temas gratuitos de Tumblr para ver cómo los autores aplican estos marcadores de posición.

Seguimiento de metadatos

Las variables "{AlbumArtURL}," "{Artista}," "{Álbum}" y "{TrackName}" informan sobre los metadatos de la pista tal como se ingresaron (o se completaron automáticamente) en la ventana de creación de publicaciones. Depende de usted cómo se muestra esta información en la pantalla. Puede optar por mostrar todos los detalles de una pista u ocultar todo excepto la carátula del álbum, por ejemplo. Nuevamente, puede formatear la fuente del texto, el tamaño y el color de estas variables utilizando el código HTML y CSS aplicado al blog. Puede que le resulte más fácil modificar el código existente en lugar de empezar de nuevo desde cero.