En la entrada anterior sobre frases de amor en japonés hice uso de un reproductor mp3 hecho con flash para que pudierais escuchar el audio con la pronunciación de las frases. Algunos me habéis preguntado como lo hice así que voy a tratar de explicar en unos pocos pasos como podéis incluir un reproductor mp3 en vuestro blog. Vais a ver que es muy simple, utilizaremos Dewplayer que es un reproductor flash de audio especialmente pensado para este tipo de cosas, sencillo y que ademas es gratuito.
Lo primero que tenemos que hacer es acudir a la siguiente dirección y descargar la versión del reproductor Dewplayer que nos interese. Existen 3 versiones cuya única diferencia es el número de botones de control que incorpora el reproductor flash. Yo voy a utilizar la versión mini, que solo tiene un botón de play y la barra de progreso del archivo de audio.
Una vez que tengas el archivo del reproductor y el archivo de audio que deseas reproducir, en mi caso “dewplayer-mini.swf” y “voz.mp3″, tienes que subir ambos a una carpeta de tu hosting o en su defecto buscar algún lugar donde permitan alojar gratuitamente archivos swf y mp3 y hacer lo propio.
Imaginad que hemos subido ambos ficheros a la dirección http://dominio/audio, entonces la dirección del reproductor será algo así como http://dominio/audio/dewplayer-mini.swf y la de la canción será http://dominio/audio/voz.mp3 (Evidentemente la ruta http://dominio/audio es un ejemplo para ilustrar esta entrada y cuando vayáis a hacerlo vosotros tendréis que poner ahí la autentica ruta donde subisteis vuestros archivos.)
Bueno ya casi está, ahora tan solo tenemos que poner el siguiente código en el lugar donde queramos que aparezca el reproductor.
Donde hemos de sustituir la X por lo siguiente:
http://dominio/audio/dewplayer-mini.swf?mp3=http://dominio/audio/voz.mp3
Existen algunos parámetros que se pueden incluir en el código anterior y que permiten controlar cosas como la reproducción automática o no, colores, etc. pero si estáis interesados os voy a dejar como tarea que lo investiguéis vosotros mismos en la página del Dewplayer ;)
Como siempre, si algo no quedó suficientemente claro es culpa mía, así que no dudéis en preguntar.
Parece fácil, no?? a lo mejor me animo ;)
Que bueno que no explicaste cómo poner reproducción automática. Así al menos batallarán más.
Gracias por la herramienta…¿se pueden reproducir “cosas” que no sean mp3? por ejemplo IP de radios online
pues gracias por la info que ya venia buscando algo asi para un nuevo trabajo, gracias.
Pues a mi me gusta, seguramente lo pondré en mi blog, he probado algunos plugins pero con segun que archivos me dan error, a ver que tal este. Merciiiiiiiiiii
Interesante ;-)
util muy util !
@Amio: La verdad es que no se si funcionará con radios por IP, pero al ser tan sencillo no creo. Si que se que hay algunos otros reproductores específicos para eso, tendría que mirartelo.
Gracias Jefe, no corre prisa ni nada, era mera curiosidad!!
No pensaba yo que fuera tan fácil. Hasta ahora no me ha hecho falta, pero lo probaré, nunca se sabe.
Hola. Yo lo que quiero es poder poner un reproductor de mp3 en mi blog, pero me gustaria que la lista de reproduccion la haga yo con mis archivos que tengo en mi PC.
¿Es posible con este reproductor? si es sí, ¿como debode actuar?
gracias
Recomienda un servidor apto para subir los archivos, Openomy esta muerto, eh intentado con Rapidshare y no funciona. Grácias.
Este es el código que generé según las indicaciones de este blog y las de la página del dewplayer… Ya no se que más hacer!!!!
Ayuda, por favor!!!!
Gracias!!!
Buenas, no me queda claro en qué lugar dentro de la extensa programación html de la página debo pegarlo. Alguna orientación?
¿Tengo premio por mi comentario?