Reproductor tipo WINAMP en tu web.

La red de redes nos da grandes vias para aprender y conocer cosas es realmente impresionante, aca esta un tutorial de un reproductor mp3 para tu web los creditos no son mios asi que ya esta dicho. A comenzar.


El tutorial Trata de como implementar facilmente un reproductor mp3 en nuestra web






para poner un reproductor mp3 estilo winamp necesitamos 3 archivos
reproductor.swf
audiolist.xml
index.htm
Primero descargense el reproductor.swf reproductor.zip]Aqui
Ahora creamos los 2 archivos restantes:
abre el block de notas, pega esto

Cita:


<?xml version="1.0" encoding="UTF-8"?>

        <songs>

        <song path="http://www.gitaris.com/multimedia/mp3/Nightwish-Nemo.mp3" title="Nemo - Nightwish " />

        <song  path="http://www.mobioo.com/files/40-operator-logos/keane%20-%20everybody%20changing%20-%20intro.mp3"  title="Everybody changing - keane" />

        <song  path="http://www.experimentos.cl/~maverdug/mp3/Duran%20Duran-Greatest%20Hits/04-Ordinary%20world.mp3"  title="Ordinary world - Duran Duran" />

        <song  path="http://www.angelfire.com/music6/www.evonetwork.com/Westlife%20-%20Uptown%20Girl.mp3"  title="Westlife - Uptown girl" />

        <song path="http://www.angelfire.com/music6/www.evonetwork.com/U2%20-%20Beautiful%20Day.mp3" title="U2 - Beautiful day" />

        <song path="http://www.angelfire.com/music6/www.evonetwork.com/Cold%20Play%20-%20Clocks.mp3" title="Cold Play - Clocks"/>

      

        </songs>


__ y guardalo como audiolist.xml
abre otra vez Otro block de notas, pega esto:
Cita:






<html>

    <head>

    <title>Reproductor Winamp</title>

    <body>

    <p align="center"><IFRAME

    border=0 frameBorder=0 height="490" marginHeight=0 marginWidth=0

    name=centro scrolling=no src="reproductor.swf"

    width="350"></IFRAME></p>

    </body>

    </html>

y guardalo como index.htm

ahora ya tenemos los 3 archivos index.html reproductor.swf y audiolist.xml
a continuacion creamos una carpeta llamada winamp
metemos los 3 archivos en la carpeta winamp y lo subimos a nuestra web
Ahora vas a www.tu-web.com/winamp/ y si lo has hecho todo bien debes ver el reproductor funcionando.
Para poner mas canciones solo tienen que aumentar mas lineas

<song path="http://url-de-tu-cancion/tu-cancion.mp3" title="Nemo - Nightwish " />
<song path="http://url-de-tu-cancion/tu-cancion0.mp3" title="Cold Play - Clocks"/>
<song path="http://url-de-tu-cancion/tu-cancion1.mp3" title="nombre de cancion - artista " />
<song path="http://url-de-tu-cancion/tu-cancion2.mp3" title="nombre de cancion - artista " />
<song path="http://url-de-tu-cancion/tu-cancion3.mp3" title="nombre de cancion - artista " />
<song path="http://url-de-tu-cancion/tu-cancion4.mp3" title="nombre de cancion - artista " />

Comentarios

Publicar un comentario

Entradas populares de este blog

Trucos de posicionamiento

Bienvenidos a todos a esta edición de herramientas y recursos blog lo que nos trae aquí como el titulo lo indica son los trucos de posicionamiento, técnicas SEO, mucho podrán encontrar en la red sobre “trucos de posicionamiento”, “mejorar su posicionamiento”, “aumentar pagerank”, “trucos de google“, libros y libros, hojas y mas hojas de lo que se ha vuelto una ciencia “posicionar una web“, antes que nada y primero que todo tendremos que hacer una referencia a los “falsos trucos de posicionamiento“, para saber a que nos atenemos cuando hacemos mal un alta web, para empezar con los falsos trucos les prepare un pequeño resumen: Falsos Trucos de Posicionamiento Una serie de trucos de posicionamiento que se denominan por los webmasters “falsos trucos de posicionamiento” y es en este tipo de trucos en los cuales no debemos caer, para no perder nuestra posición en buscadores importantes como son Google, altavista, yahoo, dmoz entre otros, existen paginas encargadas supuestamente de mejorar nu...
Leer más

Conociendo a Cakephp

Imagen
Cake php es un poderoso framework para construir fácilmente sitios Web con php, ¿aprendo php ya? Noo.. el que signifique que esta basado en php no nos no salva de aprender el funcionamiento del Framework los códigos y alternativas que presenta, sus convenciones y cosas asi. Pero esto a la larga es conveniente para el programador porque asi puede insertar en un equipo de programadores siguiendo con las convenciones y no teniendo que buscar includes y descifrar bucles etc, etc. Como php es un lenguaje muy flexible los programadores adoptan un modo trabajo que para poder trabajar en equipo nos enfrentamos a un problema Cake php utiliza el patrón de diseño MVC modelo-vista-controlador esto ayuda muchísimo a la hora del desarrollo porque las paginas algunas veces, bueno casi todas las veces son repetidas pero la parte del contenido si se actualiza. Para nuestra comodidad es mejor bajar el Wamp que es free para poder desarrollar localmente el proyecto que nos proponemos Wamp se instala com...
Leer más