1 Bit Audio Player no es sólo un reproductor de MP3s que puede usarse en cualquier página web sino que además, tiene un excelente plugin que puede agregarse a WordPress The Monkees

Primero, descargamos el ZIP desde la página de los desarroladores y al descomprimirlo, veremos que contienen demos varios y el código fuente en formato FLA por si alguien quiere editarlo; buscaremos la carpeta /WordPress Plugin/1bit/ y subiremos esta última a nuestro servidor como lo hacemos habitualmente con cualquier otro plugin.

En ella, hay cuatro archivos:

  • 1bit.js es el script necesario
  • 1bit.php es el plugin en si mismo
  • 1bit.swf es el reproductor
  • swfobject.js es la librería genérica que debemos utilizar
Una vez activado ya está listo para funcionar pero, podemos ir a Opciones | 1 Bit Audio Player y allí hallaremos algunas cosas que permitirán configurarlo adecuadamente Roque Narvaja
  • Icon color: es donde puede seleccionarse el color del reproductor y hay dosposibilidades, dejarlo en modo automático en cuyo caso, el color será definido por el color por defecto de los enlaces; o indicar un color fijo.
  • Background: color es lo que define si el boton será transparente o tendrá un color de fondo. Ellos recomiendan esto último porque dicen que puede causar algún problema en Firefox pero, n ohe notado nada de eso.
  • Player size: nos permite cambiarle el tamaño y poner uno personal que siempre debe ser un cuadrado (en pixeles).
  • Player position: define si el botón se mostrará anttes o después del texto
  • Google Analytics: como el reproductor puede generar hits en las estadísticas de Google Analytics, podemos decidir si lo habilitamos para eso o no.
  • Selector: es la etiqueta que vamos a utilizar para agregar el audio y por defecto son los enlaces (a)
  • Include SWFObject: como requiere la librería SWFObject 1.5, si esta ya está instalada, puede indicarse que no vuelva a ser cargada. Por ahora, el plugin no es compatible con SWFObject 2.0.
De aquí en más usarlo es tan sencillo como poner un enlace con al dirección URL del archivo MP3:
VER Texto PlanoHTML
  1. <a href="URL_archivo.mp3"> texto </a>

Chuck Berry Y, si no se quiere que se vea el texto y que sólo se muestre el botón, habrá que poner esto en nuestra hoja de estilo:
VER Texto PlanoCSS
  1. .onebit_mp3 a {display: none;}

El plugin funcionará en cualquier parte del blog, incluyendo los comentarios.