Bueno hace unos días se me ocurrió la idea de insertar un reproductor de música en la página, una de las primeras opciones fue insertar un sistema de radio desde radionomy, los que visitaron la página anteriormente se habrán dado cuenta de ellos, el problema fue que la música se reproducía por un breve periodo de tiempo, así que decidí cambiar la radio por un reproductor.

De hecho, en internet hay varios reproductores que puedes insertar en tu página o blog anteriormente utilicé mixpod por el hecho de poder personalizar el reproductor, el problema es que la música demora un poquito en cargar, así que opté por Goear, el audio no demora y no hay muchas pausas; el problema que muchos han detallado en otras webs, es el hecho de que no existe la opción de reproducción automática una vez insertado el código, pero aquí les voy a enseñar como habilitar la reproducción automática, para insertar música o playlist desde Goear hay muchos tutoriales en internet.

Procedimiento:

Acceder a la página del Playlist que deseas insertar en tu web, el cual va a empezar a reproducir la música que contenga.

El código que te da Goear para insertar en tu página o blog es el siguiente:

<object width="360" height="210"><embed src="<a href="http://www.goear.com/files/externalpl.swf?file=9bed807">http://www.goear.com/files/externalpl.swf?file=9bed807</a>" type="application/x-shockwave-flash" wmode="transparent" quality="high" width="360" height="210"></embed></object>

El cual si lo pegas en tu web no permitirá que se reproduzca la música automáticamente, si no que el usuario tendrá que pulsar sobre el botón play para que la música empiece a reproducirse.

La solución está en lo siguiente; en la página del playlist, hacer clic derecho sobre cualquier area libre y elegir la opción “ver código fuente”, y buscar la porción del código que le corresponde al reproductor.

<object height="210" width="360" codebase="<a href="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0">http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0</a>" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
         <param value="<a href="http://www.goear.com/files/playlist.swf">http://www.goear.com/files/playlist.swf</a>" name="movie">
         <param value="file=9bed807" name="FlashVars">
         <param value="high" name="quality">
         <embed height="210" width="360" type="application/x-shockwave-flash" pluginspage="<a href="http://www.macromedia.com/go/getflashplayer">http://www.macromedia.com/go/getflashplayer</a>" quality="high" flashvars="file=9bed807" src="<a href="http://www.goear.com/files/playlist.swf">http://www.goear.com/files/playlist.swf</a>">
  </embed>
</object>

Insertando el código anterior en lugar del que nos brinda Goear, habremos habilitado la reproducción automática, pero el problema es que el reproductor se verá opaco, para resolver este inconveniente solo tendremos que agregar el siguiente parámetro:


<param name="wmode" value="transparent">

Con esto habremos habilitado la transparencia del reproductor, pero esto no funciona para firefox, así que tendremos que añadir este parámetro  al embed, de esta manera nuestro código final sería:


<object height="210" width="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000">
         <param value="http://www.goear.com/files/playlist.swf" name="movie">
         <param value="file=9bed807" name="FlashVars">
         <param value="high" name="quality">
         <param name="wmode" value="transparent">
         <embed height="210" width="360" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" flashvars="file=9bed807" src="http://www.goear.com/files/playlist.swf" wmode=transparent>
  </embed>
</object>

El ejemplo de que todo lo aquí plasmado funciona, lo pueden observar en el reproductor de la web…

Espero que este artículo te haya sido de ayuda…

Agradece aqui
Comentar es agradecer, un blog se alimenta de tus comentarios