La plataforma Futudownloads está en desarrollo.

15 jun. 2012

Reproductor de Audio MP3 de colores

Muchos queremos poner reproductores de audio en nuestro Blog, hay sitios que ofrecen varios reproductores.
Este es un reproductor facil en el que tu mismo pones el audio MP3.
Reproductor de Audio MP3 para Blogger
  • Ve a Plantilla, has click en Edicion de HTML.
  • Busca la etiqueta </head> y encima de ella agregas los siguiente.
 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js' type='text/javascript'/>
  <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/inc/jquery.jplayer.min.js' type='text/javascript'/>
  <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/inc/jquery.mb.miniPlayer.js' type='text/javascript'/>
  <script src='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/inc/jquery.metadata.js' type='text/javascript'/>
  <link href='http://dl.dropbox.com/u/53097108/ihojosestudios/example/miniAudioPlayer/css/miniplayer.css' media='screen' rel='stylesheet' title='style' type='text/css'/>
<script type='text/javascript'>
// IJ tutorials //<![CDATA[
    $(function(){

      if (self.location.href == top.location.href){
        $("body").css({font:"normal 13px/16px 'trebuchet MS', verdana, sans-serif"});
        var logo=$("").css({position:"absolute"});
        $("body").prepend(logo);
        $("#logo").fadeIn();
      }

      $(".audio").mb_miniPlayer({
        width:240,
        inLine:false
      });
    });
//]]>
  </script>
  • Guardas los cambios.
  • Luego puedes agregar un gadget HTML/Javascript o en un entrada puedes agregar el reproductor en los colores que se indicaran.
  • Reproductor
<a id="m3" class="audio {skin:'black', autoPlay:false,showRew:false}" href="URL del audio .MP3">Nombre del Audio</a>
o
<a id="m3" class="audio {ogg:'URL del archivo .OGG', skin:'black', autoPlay:false,showRew:false}" href="URL del audio .MP3">Nombre del Audio</a>
  • Lo que aparece en Azul es donde agregaras la URL del audio .Mp3.
  • Lo que aparece en rojo es donde se pondrá el nombre del audio.
  • Si agregas archivo OGG pon la Url donde indica.
  • Lo que aparece en  Purpura es el estilo de color del reproductor. Puedes agregar cualquiera de estos estilos.
    • orange
    • blue
    • red
    • green
    • gray
  • El resultado será como el siguiente.

Blog de Ejemplo
Ver Ejemplo