viernes, 4 de enero de 2008

Reproductor en el Blog: Flash Mp3 Player




  • 1. Hay que descargar este archivo zip aquí y descomprimirlo en nuestro ordenador.
    Una vez descomprimido aparecerá la carpeta Flash MP3 Player, dentro hay los siguientes archivos:
    a. config.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
    -El que empiece automáticamente o no del reproductor cuando se carga el blog.
    - La repetición de los archivos, sea uno, todos o que suene toda la lista entera una vez.
    - Volumen del reproductor (0 a 100).
    - Mostrar o no nuestra lista de reproducción.
    - Elegir si los enlaces de la lista de reproducción van a abrirse en nueva página o en la misma.
    - Escoger los colores de fondo o una imagen para el reproductor (<jpgfile> </jpgfile>).
    Nota: En cuanto a los colores los cambios serian en:
    <backcolor> </backcolor>
    <frontcolor> </frontcolor>
    <lightcolor> </lightcolor>


b. playlist.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
- track: Entre estas dos etiquetas colocamos toda la información que queremos incluir.<track> </track>
- annotation: En esta etiqueta colocaremos el título de la canción.

<annotation> </annotation>
- location: Ruta del archivo del audio mp3. <location> </location>
- info: Pagina web del grupo o artista. <info> </info>
- image: Ruta de la imagen que se mostrará durante la reproducción de la canción. (40x40 hasta 100x100). <imgage> </imgage>
Nota: Excepto las dos primeras etiquetas, las demás son opcionales.


c. mp3player.swf .- Este archivo simplemente tendremos que subirlo a nuestro servidor (hosting), no necesita modificarse.




  • 2. Empecemos a subir los mp3 en Mediamax (Hosting de 25 Gbs de almacenamiento gratuito).
    - Se registran (Sign Up), llenan un formulario (nombre, e-mail, etc). Cuando estén registrados les llegara un e-mail para que activen su cuenta y puedan subir sus archivos.
    - Activada su cuenta. Clic en Upload para subir los mp3. Después le das clic en View your file manager.
    - Para poder copiar la ruta del mp3 tendrán que mover o copiar sus canciones.
    Veamos un ejemplo:




  •  



  • - No olvides que la ruta de los mp3 tienes que pegar en el archivo playlist.xml.
    Nota: Los mp3 también lo puedes subir en Openomy (ver Dewplayer).




  • 3. Para subir imágenes lo pueden hacer en ImageShack. En este caso pegan la ruta en donde esta la imagen en playlist.xml. Esto es opcional.
    4. Después de pegar los mp3 y las imágenes en el playlist.xml, tendran que subir los 3 archivos: config.xml, playlist.xml y mp3player.swf. Estos archivos lo pueden subir en FreeWebTown (Hosting).
    El procedimiento es el mismo cuando subes mp3 o imágenes, pero para subir tienes que irte a File Manager.
    5. El siguiente código lo pegas en donde tú quieras para que se visualice el Flash Mp3 Player:





<embed allowScriptAccess="never"src="http://ruta_mp3player.swf" menu="false"
quality="high" width="300" height="200" name="mp3player" type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" wmode="transparent" flashvars="&config=http://ruta_archivo_config.xml
&file=http://ruta_archivo_playlist.xml" wmode="transparent" border="0" />


Nota: En donde dice:
http://ruta_mp3player.swf     (reproductor)
http://ruta_archivo_config.xml  (configuracion)
http://ruta_archivo_playlist.xml   (lista de canciones)
Estas 3 rutas tienes que reemplazarlo por los archivos que has subido en el FreeWebTown.
*Puedes cambiar los valores de width y height, según el ancho y alto deseado.


*Correción: (http://ruta_archivo_config.xml&file=http://ruta_archivo_playlist.xml), el signo & es junto

y listo ..... fuente tinglado

fuente "tinglado.net"

No hay comentarios: