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