ganersclub: enero 2008

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:

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"

radio

1. Hay que descargar este archivo zip aquí y descomprimirlo en nuestro ordenador.
Una vez descomprimido aparecerá la carpeta RadioBlog, dentro hay los siguientes archivos:
a. config.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
- Si queremos podemos modificar los colores de los botones o el texto del playlist, entre otras cosas:
Color1: Botones y el logo.
Color2: Texto en los botones y el fondo.
Color3: Texto del playlist (las canciones).
Color4: Borde del radioblog
Si quieres cambiar el Radioblog con fondo transparente, entonces cambia lo siguiente:
<bg_opacity value="100" /> el número 100 cámbialo por el 0.

b. playlist.xml .- En este archivo editaremos con el Bloc de notas o WordPad el track que esta entre dos etiquetas y ahí colocaremos toda la información que queremos incluir.
<tracks> </tracks>
- El trackMod: es un número que se obtiene de la fecha de descarga. Las instrucciones te dan el número correspondiente a la fecha y hora en que se ha producido la descarga.
- En title debes poner el nombre de la canción y su intérprete. Pero no se pueden poner acentos, ni eñes.
- En el path tienes que poner la ruta de la canción.
Finalmente tienes que poner tantas líneas como ésta que acabas de hacer con las canciones que quieras incluir, cambiando los valores title y path por lo que corresponda.
Ejemplo:

<tracks>
<track trackmod="1089216396" title="Titulo-de-la-cancion1 - Interprete" path="http://ruta-del-mp3">
<track trackmod="1089216396" title="Titulo-de-la-cancion2 - Interprete" path="http://ruta-del-mp3">
<track trackmod="1089216396" title="Titulo-de-la-cancion3 - Interprete" path="http://ruta-del-mp3">
</tracks> a si hasta que acaves todas las canciones

c. radioblog.swf .- Este archivo simplemente tendremos que subirlo a nuestro servidor (hosting).
d. rbcore.swf .- Este archivo simplemente tendremos que subirlo a nuestro servidor (hosting).
e. index.html .- Este archivo tendremos que subirlo y ahí se visualizarán los cambios realizados (hosting).

2. Empecemos a subir los mp3 en FreeWebTown.
- Se registran, llenan un formulario (nombre, e-mail, etc).
- Después clic en Audio para subir los mp3 y después tienes que copiar la ruta del mp3.
- No olvides que la ruta de los mp3 tienes que pegar en el archivo playlist.xml.

3. Después de pegar los mp3 en el playlist.xml (path=”ruta-de la cancion.mp3”), tendrás que subir primero los siguientes archivos: radioblog.swf, rbcore.swf, index.html, config.xml y al último subes el playlist.xml. Estos archivos lo subes en otra cuenta de FreeWebTown.
- El procedimiento es el mismo cuando subes mp3 o imágenes, pero para subir tienes que irte a File Manager.

4. El siguiente código lo pegas en donde tú quieras para que se visualice el RadioBlog:

<iframe src="http://ruta del index.html" name="radio" scrolling="no" frameborder="0" width="222" height="300"></iframe>

Puedes cambiar los valores de width y height, según el ancho y alto deseado.
Nota: En donde dice: http://ruta-del-index.html tienes que reemplazarlo por el archivo index.html que has subido en el FreeWebTown.

Importante: Muchas páginas han publicado acerca de como poner el RadioBlog en un sitio web o blog. En mi publicación he obviado, el paso de convertir los mp3 a rbs porque es ahí en donde la mayoría se complica, así que no hay problema si en el playlist.xml pegan los mp3, igual se escuchan bien