Crea tu RadioBlog...sin PHP

 ¡Mira mi radioblog!

 

Muchos ya usan RadioBlog, una película flash que permite leer y controlar archivos musicales. Entretenido, ideal para melómanos que quieren compartir sus gustos musicales con los visitantes de su página web. Como todo tiene sus pros y contras que algunos han sabido mencionar.
La instalación es sencilla, sólo codificas tus archivos musicales, subes una carpeta a tu servidor junto a los archivos codificados y voalá, tienes una "radio" funcionando en tu blog o página personal....al menos eso dice la teoría.
En la práctica, sobre todo últimamente, ya no es tan fácil tener un radioblog. Primero necesitas que te alojen los archivos de funcionamiento en un sitio que permita PHP y segundo, un sitio que te aloje los archivos musicales; lamentablemente los sitios gratuitos tipo Lycos no permiten alojar archivos muy grandes, asi que uno debe convertir su archivo musical a un archivo de bajísima calidad; por otro lado alojarlo en tu servidor que pagas tiene un riesgo, algunos no permiten tener archivos musicales almacenados y aunque lo permitieran el ancho de banda se puede esfumar rápidamente, con todo esto el asunto pierde su gracia.
No hay que desanimarse, hay formas de hacerlo, y basándome en lo enseñado en éste tutorial les dejo esta GUÍA BÁSICA DE RADIOBLOG que espero sea entendible por todos.

Advertencia: Vamos a jugar un poquito con etiquetas básicas de html, el archivo XML pero es SUMAMENTE SENCILLO en verdad, y si manejas un blog es momento que sepas (si no lo sabes aún) de qué trata el HTML.

La gran ventaja de este sistema es que no necesitas un servidor que corra PHP, saca una cuenta en geocities, iespana, etc, la que sea valdrá.
Vayamos al laboratorio:

Ingredientes

Para hacer nuestro radioblog sin php necesitamos:

1. Ganas de aprender un poquito más
2. Los archivos del radioblog 2.5 original.
3. Los archivos radioblog modificados que no necesitan PHP.
4. Un lugar o hosting donde alojar los archivos de funcionamiento del radioblog (geocities, lycos, iespana, miarroba, etc).
5. Un lugar donde alojar los archivos musicales, puede ser una cuenta en Blog Upload o sube los archivos a UploadHunt revisaremos después las ventajas y desventajas de cada uno, igual cada lugar funciona.

COMENCEMOS:

Procedimiento

1. Lo primero que haremos será convertir los archivos mp3 a un formato de menor peso y calidad para que no ocupen demasiado, aparte porque la extensión .mp3 no está permitida en muchos servidores. Para ello usaremos el convertidor del radioblog original. Desempaquetamos el ZIP, aparecerá el folder radio.blog2.5, dentro hay 2 folders: radio.blog y el create.sound, los archivos musicales hay que meterlos dentro de este último folder:

folder_create_sound.gif

Ahora aquí tienes 2 opciones de calidad, 32 y 64 según la calidad de sonido que quieras, los archivos que tienen XP en su nombre son los que DEBES DE USAR SI USAS WINDOWS XP, sino usa los otros, solo da doble click y deja que desaparezca la pantalla negra de D.O.S que aparecerá, al desaparecer será señal de que ha terminado de convertir.
Los archivos convertidos estarán dentro de la carpeta SOUNDS, y tendrán la extensión .rbs; por ahora no hagamos más y los dejamos tranquilos por un momento.

2. Segundo paso, Los archivos de funcionamiento que tenemos que subir a nuestro servidor son éstos . Son los que estarán en nuestro servidor, sea propio o gratuito (lycos, geocities, etc). Los que deben de quedar subidos al terminar serán estos:

Los dos (últimos en negrita) están tomados de los archivos del radioblog original, mientras que los 3 primeros son los del archivo modificado, subiremos en un primer momento (ahora) todos MENOS el playlist.xml, que subiremos al final.

3. Ahora subiremos los archivos musicales. En este paso vamos a elegir entre Upload Hunt y blogUpload.
El servicio de UploadHunt es del tipo Rapidshare, es decir, una página que te aloja un archivo y que te permite compartirlo con quien quieras, te da una dirección web cuando terminas de subir el archivo y listo. Lo malo de este servicio es que la permanencia del archivo no es controlable, así que pueden borrarte el archivo en cualquier momento.
La opción de BlogUpload es la mas usable (a mi gusto) sacas una cuenta gratuita y puedes subir archivos hasta llenar tus 10 megas de alojamiento que te dan. Al final cada archivo tiene su dirección web propia. Lo único malo es que sólo permiten archivos con determinadas extensiones (jpg, m4a, gif, wma, swf) asi que los archivos .rbs no son permitidos, por ello, si eliges esta opción debes de cambiarle la extensión .rbs a .swf a los archivos musicales, no te preocupes, da igual para flash.

Si no puedes ver la extensión de tus archivos en tu computadora, ve al folder donde están alojados, y en el menú superior del explorador anda a HERRAMIENTAS-->OPCIONES DE CARPETA; clic en la pestaña VER y quítale el check a la opción de OCULTAR LAS EXTENSIONES DE ARCHIVO PARA TIPOS DE ARCHIVO CONOCIDO.

mostrar_extensiones.gif

Listo, con nuestros archivos musicales convertidos a SWF por nosotros a mano, estamos listos para poder subirlos. Al final, si es que has usado blogUpload, en la opción YOUR FILES aparecerán las direcciones de cada uno de ellos, estas direcciones son las importantes y que deberemos apuntar y tener a mano:

lista_archivos.gif

4. Ahora viene el punto donde nos convertiremos en programadores ;)
Vamos a abrir el archivo playlist.xml con el NotPad; sí, ese simple editor de textos de Windows.
Nos encontraremos con estas líneas:

<?xml version="1.0" encoding="UTF-8"?> <tracks> <track trackMod="1089216396" title="TITLE OF SONG" path="URL OF SONG"/> </tracks>

La línea que debe de interesarnos es esta:

<track trackMod="1089216396" title="TITLE OF SONG" path="URL OF SONG"/>

Simple de entender, ponemos el título de la canción en TITLE y en PATH ponemos la dirección de la canción, las direcciones de BlogUpload que tenemos apuntadas. Vas sumando líneas según el número de canciones que tengas, al final te puede quedar algo así:

<?xml version="1.0" encoding="UTF-8"?> <tracks> <track trackMod="1089216396" title="Cancion1" path="URL de la cancion1"/> <track trackMod="1089216396" title="Cancion2" path="URL de la cancion2"/> <track trackMod="1089216396" title="Cancion3" path="URL de la cancion3"/> </tracks>

Ahora es el momento de subir el archivo playlist.xml junto con el resto de archivos.

5. En este momento ya está subido nuestros archivos del radioblog y los archivos musicales, queda poder ponerlo en nuestra página o blog, para ello vas a tener que manejar la plantilla, del mismo modo como pusiste tal vez un link, un icono en tu lista de AMIGOS o el shoutBox para que te escriban, EXACTAMENTE IGUAL debes de poner en donde quieres que se ubique estas líneas de código:

<iframe src="la_URL_del_index.htm" name="radio" scrolling="no" frameborder="0" width="222" height="300"></iframe>

O si quieres puedes hacer que salga en un Popup, es decir, que cuando hagan click a un texto o imagen se abra el radioblog:

<a href="#" onClick="MyWindow=window.open('La_URL_del_index.htm','MyWindow','toolbar=no, location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=240,height=315'); return false;">¡Mira mi radioblog!</a>

Añadidos

En el tutorial original existen varios añadidos para poder manejar mejor el radioblog, aquí pongo los más interesantes:

AUTOPLAY: esta opción permite que el radioblog corra la primera canción de tu playlist apenas carga la página...lo cual no me parece muy usable, ya que es preferible a que el visitante sea quien elija CUÁNDO y QUÉ escuchar, igual si desean usar esta función, solo deben abrir el archivo index.html en el Notepad (bendito Notepad) ubicas estas líneas:

<object type="application/x-shockwave-flash" data="radioblog.swf?autoplay=" width="220" height="300"><param name="movie" value="radioblog.swf?autoplay="/>

y las cambias por estas:
<object type="application/x-shockwave-flash" data="radioblog.swf?autoplay=#" width="220" height="300"><param name="movie" value="radioblog.swf?autoplay=#"/>
Donde el # será el número de la canción que quieres que comience primero: 1, 3,4, etc. ;). (gracias a Meli por el aviso de este punto que se me olvidé traducir)

Cambiando los colores:
Para cambiar los colores del radioblog no tienes que ser un experto en photoshop o fireworks, simplemente usa Firefox e instala la extensión Colorzilla ésta extensión hace que aparezca un iconito en la esquina izquierda del navegador, le das click, cambia el cursor y te permite ubicar un color y mostrar su código hexadecimal:
imagen de colorzilla en acción

Asi puedes tomar los colores de tu web, son los que en la figura aparecen empezando con el símbolo "#". Los apuntas, abres el archivo CONFIG.XML y vas cambiando. ¿Quieres tu radioblog con fondo transparente? Entonces cambia ésta línea:

<bg_opacity value="100" />

por esta

<bg_opacity value="0" />

El resto de elementos es así:
color1: son los colores de los botones y el logo.
color2: es el color del texto en los botones y del fondo general.
color3: es el color del texto del playlist (las canciones).
color4: es el color del BORDE del radioblog.

Y eso es todo. Espero te haya ayudado. Muchas gracias a Hanna de Tokyo Heaven por su increíble tutorial que me ayudó a poner mi radio blog.


Posteado por Jesus en De todo Mayo 29, 2005 11:09 AM|Menéame
| TrackBack

 

INICIO