Tutorial Window XP
  Crea reproductor mp3 para tu web
 

 Crea un simple reproductor de mp3 en tu web o blog. Está claro que existen muchos servicios que te bridan este tipo de servicio verdad?, la diferencia radica en que la mayoría de ellos incluye un link hacia ellos dejando escapar por ahí las visitas, cuando bien podrías hacer tu propio reproductor de música y sin publicidad incrustada y lo más importante de manera super sencilla. Para este ejemplo necesitamos un sitio que nos permita subir gratis nuestra propia música a algún servidor(lugar donde se guardará la canción). Para esto nos valemos de openomy, un gran servicio que nos permite subir nuestros archivos individualmente sin mayores dificultades y sin tener mucho conocimiento de esto, pero si por ahí se traban, acá te doy la explicación: 1) Ve a http://www.openomy.com(Si no funciona openomy, anda a http://www.fileden.com, elige el plan gratuito, regístrate, sube tu mp3 y pásate al paso 4) 2) Tendrás que registrarte, colocando lo que siempre hacermos, un "username", un password (2 veces) y un email (2 veces) y listo.




3) Luego nos pide elegir nuestro archivo. En este caso, será una canción mp3, damos clic en el botón "examinar", buscamos nuestra canción mp3 en nuestra PC, la seleccionamos y luego damos clic en UPLOAD (en donde dice TAGs podemos escribir algunas palabras clave que identifiquen a tu tema separándolas con comas o sino déjalo en blanco).. y luego a esperar se ha dicho hasta que cargue toda nuestra canción en su servidor.




4) Una vez hecho eso, podemos renombrar nuestro archivo, en mi caso subí un extracto de 30 seg. de la canción "Noche de entierro" de los Benjamins y como pueden ver en la imagen siguiente, el nombre era algo complicado, así que decidí solo ponerle simplemente "nochedeentierro". Luego de ello, tenemos que darle clic en "Make Public" y listo!




Como verán, ahora contamos con una dirección pública que nos indica la dirección donde está guardada nuestra canción. Un ejemplo:

http://files.openomy.com/public/johantennassi/nochedeentierro

Una vez teniendo eso, ahora sí, configuraremos nuestro reproductor flash. Para ello nos valdremos de DewPlayer, que nos brinda un código (script) para que simplemente sea agregado a nuestro blog y listo.

Este es el script:


<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" width="200" height="20">
<param name="movie" value="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" />
</object>

Entonces lo único que haremos es remplazar lo que está de rojo, es decir, donde dice http://tucancion.mp3 por la dirección que nos dió Openomyanteriormente. En mi caso, lo tendría que reemplazar por "http://files.openomy.com/public/johantennassi/nochedeentierro" quedando así:


<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://files.openomy.com/public/johantennassi/
nochedeentierro
&bgcolor=FFFFFF" width="200" height="20">
<param name="movie" value="http://www.estvideo.com/dew/media/
dewplayer.swf?mp3=http://files.openomy.com/public/johantennassi/
nochedeentierro.mp3&bgcolor=FFFFFF" />
</object>


Ahora solo queda pegar este código en tu blog y listo. Pero ojo! este código solo insertará tu reproductor flash mp3 en tu blog pero no se escuchará hasta que alguien le haga clic en el botón "play", para que se escuche automáticamente lo que tienes que hacer es agregarle lo siguiente a tu código:

Localiza esta parte de código: 

dewplayer.swf?mp3=http://tucancion.mp3;bgcolor=FFFFFF

Y reemplázalo por este:

dewplayer.swf?mp3=http://tucancion.mp3&autostart=1&bgcolor=FFFFFF

Y si quieren que se reproduzca automáticamente y que además se repita la canción de manera indefinida, reemplácenlo por este:

dewplayer.swf?mp3=http://tucancion.mp3&autostart=1&autoreplay=1&bgcolor=FFFFFF

Recuerda que donde dice "http://tucancion.mp3" será la dirección que te dióOpenomy anteriormente.

Bien, eso es todo, ahora solo te queda agregar todo el código en tu web o blog. Para el caso de blogger o wordpress, puedes agregar el código directamente en tu post (para blogger en modo html) sin problemas o en algún lugar de tu sidebar(para blogger elegir agregar "nuevo elemento html").

 Solo tiene un botón "play", "pause" y otro "stop", pero si quieres otros modelos como por ejemplo incorporarle "un controlador de volumen" puedes visitar Ayudaparaelblog  que te muestra los códigos para todos ellos o también, puedes generar tu propio código luego de elegir tus propias opciones desde la misma página del creador donde podrás elegir tus propios colores, reproducción en blucle, autoplay, etc.

 
   
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis