Reproductor de MP3 con jQuery

Si alguna vez necesitas reproducir un archivo MP3 directamente desde el navegador y para eso quieres utilizar un pequeño, sutil y simple reproductor, probablemente el plugin jQuery jMP3 sea de tu total agrado.

jMP3 utiliza Flash para realizar la reproducción del archivo MP3, utilizando para ello el reproductor realizado por Jeroen, que muy probablemente conozcas por ser uno de los más utilizados.

A continuación los distintos tipos de reproductor que se puede utilizar, y si lo desean pueden ver una demostración de su funcionamiento en linea directamente desde la web del plugin.

Para utilizar este plugin, vamos a necesitar primero inicializar las bibliotecas:

<script type="text/javascript" src="/js/jquery/jquery.js"></script>
<script type="text/javascript" src="/js/jquery/jmp3/jquery.jmp3.js"></script>

Y finalmente indicarle al plugin que clases o id deben ser analizadas para ser reemplazadas por este fantástico reproductor.

<script type="text/javascript">
	$(document).ready(function(){
		// default options
		$(".mp3").jmp3();
		// custom options
		$("#mysong").jmp3({
			backcolor: "000000",
			forecolor: "00ff00",
			width: 200,
			showdownload: "true"
		});
	});
</script>

Esta forma de reproducir archivos MP3 sin crear desde el código directamente un reproductor Flash individual tiene grandes ventajas, desde una veloz implementación hasta una muy simple forma de actualización del sitio en cuestión al no tener que ir modificando uno a uno los reproductores.

Web: plugin jQuery jMP3