Page 1

MANUAL DE INSTALACIÓN DE RADIO POR INTERNET PARA COMUNIDADES INDIGENAS 17, 18 y 19 DE OCTUBRE GUADALAJARA JALISCO, MEXICO.


Los elementos necesario para montar una radio online son los siguientes: 1. 2. 3. 4.

Hosting, dominio y diseño Streaming de audio Reproductor Transmisor local

Además, las herramientas que nos ayudaran en la presencia y difusión: 5. Chat en línea 6. Acceso desde dispositivos móviles

1.- HOSTING, DOMINIO Y DISEÑO.

Una página web necesita de 3 elementos para poder mostrarse en internet: • • •

Hosting.- Espacio de almacenamiento en un servidor donde subiremos todos los archivos (fotografías, música, video etc.). Dominio.- Es el nombre que identifica nuestra página en internet. Diseño.- Es la parte visual de nuestro sitio web.

Para obtener estos servicios tenemos dos opciones, pagar los servicios a una empresa online o bien, utilizar recursos gratuitos disponibles en la red. Se mencionarán ambas opciones para tener la referencia pero el presente manual se enfocará a las opciones gratuitas debido a que al contratar los servicios, el proveedor está obligado a dar el soporte correspondiente.


Opción de paga. Existen múltiples empresas en internet que ofrecen paquetes todo incluido auto gestionables por aproximadamente 1000 pesos anuales, esto es, Hosting de aproximadamente 1 gb, dominio .com y constructor de sitios para diseñar el sitio web sin necesidad de conocimientos en programación. Ventajas: Dominio personalizado, soporte técnico, estabilidad en los servicios. Desventajas: Costo anual, necesidad de posicionamiento.

Opción gratuita. En los últimos años, han crecido considerablemente las empresas que ofrecen espacio en servidor y subdominios personalizados, en este manual nos enfocaremos en los servicios de Blogger dada su facilidad de administración y la presencia que posee entre la comunidad de internautas. Ventajas: Servicio gratuito, presencia permanente, posicionamiento accesible. Desventajas: Sin dominio propio, no hay soporte técnico, sin garantía de permanencia.

Montaje en Blogger. Para iniciar, ingresamos a http://www.blogger.com


Necesitamos una cuenta de google, si contamos con ella Ăşnicamente completamos el formulario, de lo contrario, creamos una cuenta nueva dando clic en en la esquina superior derecha, una vez que tengamos los datos, ingresamos a blogger y damos clic en

para mostrar la siguiente pagina


“Titulo” define la leyenda que mostrara nuestro blog en la cabecera y en las pestañas de navegación. “Dirección” refiere al subdominio que identificara nuestro blog en la web, está sujeto a disponibilidad, si el nombre que seleccionemos se encuentra disponible nos mostrara la imagen de aprobación “Plantilla” nos mostrara una serie de diseños predeterminados para dar vista a nuestro blog, seleccionaremos la que mejor se adapte a nuestros gustos Después, damos clic en siguiente pantalla

para terminar de crear el sitio, nos mostrara la

Ahora podemos dar el primer vistazo a nuestro blog, es importante recordar que las plantillas pueden cambiarse para modificar el aspecto final, nuestra dirección es la que asignamos en el paso anterior, en este caso es http://www.vucub.blogspot.mx


De esta manera tenemos el Hosting, dominio y diseño auspiciado por Blogger, es decir, toda la base para nuestra radio en línea.

2.- STREAMING DE AUDIO Streaming de audio es un servicio que se refiere a oír un archivo directamente en una página Web sin la necesidad de descargarlo antes en la computadora, también en este servicio podemos recurrir a opciones de pago o recursos gratuitos.


Opción de paga. En México podemos encontrar infinidad de proveedores que nos ofrecen servicio de Streaming de audio, los paquetes ofrecidos se basan principalmente en: • •

Número de oyentes simultáneos Calidad de emisión medido en Kilobits por segundo donde 8 Kbps es la calidad de audio de una llamada telefónica convencional y 128 Kbps es calidad CD o de estudio Auto DJ para programación offline

Ventajas: estabilidad de transmisión garantizada, número de oyentes definido de acuerdo al plan contratado, programación musical cuando no se tengan programas en vivo, soporte técnico, IP y Puerto fijo, panel de control administrable, estadísticas. Desventajas: costos de operación que varía de 1,000 a 25,000 pesos anuales.

Opción gratuita. Existen un par de empresas que ofrecen el servicio de Streaming de forma gratuita, en este manual nos enfocaremos en Listen 2 My Radio. Ventajas: servicio gratuito, inclusión a grupos de radio, posibilidad de pasar a servicios de paga, configuración de panel inmediato. Desventajas: calidad de señal en base a los oyentes, número de oyentes limitado, IP y Puerto dinámico, sin soporte técnico, sin garantía de permanencia.


Comenzamos ingresando a Listen 2 My Radio http://www.listen2myradio.com/lang/es/

Y damos clic en

para registrarnos rellenando el formulario


Seleccionamos la casilla de Términos y Condiciones y damos clic en Posteriormente recibiremos un correo electrónico de confirmación con un link para seguir con el registro

Al dar clic sobre el enlace nos llevará a la página para comenzar a crear el servicio de Streaming

Ingresamos nuestro e-mail y la contraseña que elegimos, al lado derecho de la pantalla nos indicará que nuestro servicio es un panel de control gratuito, para continuar damos clic en


Nos mostrará la siguiente página

Nos enfocaremos en la última opción

Y damos clic en

para continuar con los formularios


Broadcaster password: ingresamos la contraseña para transmisión. Admin password: ingresamos la contraseña de administrador del panel Title: ingresamos 5 palabras que definan nuestra estación Text 1: ingresamos de 20 a 100 palabras explicando nuestra estación, esto aparecerá en algunas listas de páginas de radio


Text 2: ingresamos de 20 a 100 palabras explicando nuestra estación, esto aparecerá en algunas listas de páginas de radio Radio URL: ingresamos el nombre en minúsculas que definirá nuestro servicio de Streaming y que será necesario para hacer el enlace posteriormente Damos clic en

para continuar


Si todos los datos son correctos no aparecerรก la siguiente pantalla y para continuar daremos clic en

Seleccionaremos alguno de los servidores dando clic en


El siguiente paso es esperar aproximadamente un minuto al ver la siguiente pantalla

Posteriormente daremos clic en IP y Puerto

para que nos muestre los datos de acceso,


Y con esto terminamos la configuraci贸n de nuestro Streaming de audio, anotamos Username, Admin Password, IP, Puerto, Streaming Password para realizar las posteriores conexiones desde nuestra maquina.

3.-REPRODUCTOR Ahora que tenemos el Streaming de audio en funcionamiento, necesitaremos un reproductor para que nos puedan escuchar al ingresar a nuestro blog, a trav茅s de google podemos encontrar una gran cantidad de reproductores en diferentes formatos, en este tutorial nos enfocaremos en reproductores HTML que posteriormente anexaremos a nuestro blog, para este prop贸sito ingresaremos al sitio http://www.wp-m.com/reproductor/

que nos ofrece una buena cantidad de opciones para reproductor


Debemos tener a la mano el IP y Puerto que nos generó el servicio de Listen 2 My Radio, es importante señalar que los Puertos son variables en su extensión, en este caso, tenemos un Puerto de 5 dígitos y el espacio en la página para este fin solo acepta 4 dígitos, al final modificaremos este dato; la tercera opción la dejamos intacta, después damos clic en

para que nos muestre una lista de reproductores


Copiamos el c贸digo HTML generado del reproductor que nos guste y abrimos el panel de administraci贸n de Blogger


A continuaci贸n, damos clic en

Damos clic en

para crear una nueva entrada

y pegamos el c贸digo generado para el reproductor


Hacia el final del cĂłdigo, debemos cerciorarnos que los datos coincidan, especialmente el puerto, lo encontramos en

despuĂŠs le damos

para guardar los cambios

Con esto tendremos el reproductor instalado en nuestra pĂĄgina


4.- TRANSMISOR LOCAL Para este fin, utilizaremos el programa m谩s sencillo y estable de transmisi贸n Winamp. Ingresamos a: http://www.winamp.com/

y damos clic en


Y despuĂŠs en

Al terminar de descargar se abrirĂĄ el asistente de instalaciĂłn, damos clic en


Es común al instalar cualquier programa que incluya versiones de prueba de otros programas externos, lo recomendable es no instalarlos, en el caso de winamp, nos ofrecerá TuneUp Utilities

Seleccionamos proceso.

y después

para terminar el


Adem谩s del Winamp, necesitaremos de un Plug-in para transmitir, ShoutCast DSP, vamos a la direcci贸n http://www.shoutcast.com/broadcast-tools

Bajamos la pantalla para encontrar SHOTcast DSP Plug-in for Winamp y damos clic en


Al abrir el asistente de instalaci贸n damos clic en siguiente a todo lo que nos aparece, al final, nos mostrar谩 esta imagen y damos clic en

Nos abrir谩 el Winamp para la configuraci贸n inicial, seleccionamos la caratula que mas nos agrade y damos clic en


En esta pantalla podemos dejar todo en blanco y dar clic en

A continuación se desplegara el programa Winamp y el Plug-In SHOUTcast DSP, en caso de que no abra el Plug-In podemos acceder a el con un acceso corto en el teclado presionando simultáneamente “Ctrl P” Al lado izquierdo vemos las opciones, bajamos el scroll hasta encontrar la sección de Plug-ins, damos clic en DSP/efecto y después doble clic en Nullsoft SHOUTcast Source DSP para abrirlo.


Una vez dsplegado el SHOUTcast DSP lo rellenamos usando la información de Listen 2 My Radio

En Inicio de sesión ingresamos: Dirección del- ingresamos la IP Puerto- ingresamos el Puerto ID De- se queda como aparece. ID de DJ/- se queda en blanco. Contraseña- ingresamos el Streaming password Seleccionamos

para terminar con esta sección


Notaremos que la secciรณn aparece en rojo, tenemos algunas opciones que rellenar para poder comenzar a transmitir.

Seleccionamos Ingresamos el nombre que identificarรก nuestra radio y con esto desaparecerรก el color rojo de Directorio


En la secci贸n Codificador seleccionamos Codificador MP3 y en Preferencias de Codificador seleccionamos la calidad de emisi贸n de radio, es importante que la calidad que seleccionemos vaya acorde al plan de internet que tengamos seleccionado


Volvemos a Inicio de sesión, seleccionamos para comenzar a transmitir.

y damos clic en

Notaremos que el contador comenzará a correr indicándonos que se está enviando la señal


5.- CHAT EN LINEA Ingresar un chat en nuestro sitio resulta sumamente atractivo para interactuar con nuestros escuchas y es tan sencillo como ingresar un c贸digo HTML de la misma manera que lo hicimos con nuestro reproductor, comenzamos ingresando a Chatango, un proveedor de chat personalizable. http://www.chatango.com/

Damos clic en nuestro chat

para acceder a la secci贸n donde personalizaremos


Seleccionamos el nombre de nuestro chat, en este caso vucub y al lado derecho nos mostrara la disponibilidad del grupo

En Embed As seleccionamos En Size tenemos la oportunidad de elegir el tamaño de nuestro chat, podemos modificarlo posteriormente para adaptarlo a nuestro gusto En Color elegimos el color En Box Settings podemos elegir si se mostraran imágenes, si los mensajes estarán acompañados con sonido y si se mostraran URL´s. Al terminar de configurar damos clic en


Nos pedirรก ingresar al servicio mediante un formulario

Nos enviarรก un correo electrรณnico y a la vez nos mostrarรก el cรณdigo HTML de nuestro chat


Copiamos el c贸digo, entramos nuevamente a Blogger

Nos muestra la entrada que creamos con el reprodcutor HTML, al pasar el cursor sobre ella aparecer谩n opciones, seleccionamos

Nuevamente damos clic en

para incluir el c贸digo

y pegamos el c贸digo generado en Chatango


AsĂ­ tendremos el chat y el reproductor en montados y funcionando a la vez.


6.- ACCESO DESDE DISPOSITIVOS MÓVILES La apertura del internet a teléfonos, tabletas y otros dispositivos móviles hace primordial adaptar nuestros servicios a estas plataformas, se calcula que hasta un 30% de los radioescuchas acceden al Streaming de audio desde sus móviles, así que añadiremos este servicio a nuestro sitio. Para iPhone, iPod, iPad Nokia y Blackberry: Debe generar un botón, imagen o hipervínculo que apunte directamente a su url de la forma http://[IP o Host del servidor]:[puerto]/ listen.pls Ejemplo http:// 5.133.182.174:19863/listen.pls Buscamos una imagen en internet para enlazarla con nuestro botón, al encontrarla damos clic derecho sobre ella y después Copiar dirección del enlace

Para incluirla en nuestro sitio, utilizaremos un código HTML para crear una imagen con un hipervínculo que dirija a los dispositivos móviles a escucharnos. El código en cuestión es <a href="NUESTRA DIRECCION"><img src="DE DONDE TOMAMOS LA IMAGEN"></a>

Donde el inicio “<a href=” indica la referencia que realizará el botón, en este caso, ingresamos la dirección vista anteriormente Como lo hemos manejado anteriormente, http:// 5.133.182.174:19863/listen.pls


Inmediatamente después encontramos “img src=” que indica el lugar donde se tomará la imagen para mostrar, en este caso, será el vinculo que copiamos de internet http://aldokana.com/wp-content/uploads/2013/03/silver-apple-logo-small__18781.jpg

Nuestro código queda de la siguiente manera <a href="http://5.133.182.174:19863/listen.pls"><img src="http://aldokana.com/wpcontent/uploads/2013/03/silver-apple-logo-small__18781.jpg"></a>

Ingresamos a Blogger, vamos a la entrada, después la editamos, y en la sección HTML ingresamos el código HTML del botón

Damos clic en

y tendremos agregado nuestro botón.

Una vez que el oyente acciona el enlace o imagen en su dispositivo móvil el reproductor nativo de cada Smartphone o Tablet iniciará la reproducción de su Radio sin solicitar instalar ningún componente adicional.


Para Android: En Android debe instalarse previamente la aplicación A Online Radio https://play.google.com/store/apps/details?id=com.leadapps.android.radio por lo tanto debe poner en su web el enlace acompañado de un texto explicativo del tipo "para escucharnos en Android debe instalar primero la siguiente aplicación" Luego es necesario crear el archivo listen.m3u (lista de reproducción). Para ello utilice el programa Bloc de Notas, cree un nuevo archivo y escriba en él (modifique el número de puerto por el de su cuenta). #EXTM3U #EXTINF:0,65.60.52.122:8514 http://65.60.52.122:8514/ Luego opción de menú Archivo > Guardar como, Nombre: listen.m3u, Tipo: todos los archivos.


DespuĂŠs ingresamos a Google Drive con nuestra misma cuenta https://drive.google.com


Subimos el archivo m3u que creamos dando clic en

para subir nuestro archivo

Posteriormente damos clic derecho sobre el archivo, seleccionamos Share y despuĂŠs Email as attachment

Nos enviamos una copia al correo para tener el link del archivo


Abrimos el correo, damos clic derecho sobre el enlace y seleccionamos Copiar dirección del enlace

Para incluirla en nuestro sitio, utilizaremos un código HTML para crear una imagen con un hipervínculo que dirija a los dispositivos móviles a escucharnos. El código en cuestión es <a href="NUESTRA DIRECCION"><img src="DE DONDE TOMAMOS LA IMAGEN"></a>

Donde el inicio “<a href=” indica la referencia que realizará el botón, en este caso, ingresamos la dirección del enlace del archivo M3U que copiamos del correo Inmediatamente después encontramos “img src=” que indica el lugar donde se tomará la imagen para mostrar, en este caso, será el vinculo que copiemos de internet de la misma manera que lo hicimos con la imagen de Apple


Nuestro código queda de la siguiente manera <a href="https://doc-08-50docs.googleusercontent.com/docs/securesc/ha0ro937gcuc7l7deffksulhg5h7mbp1/glf7ldi4ktc3dvf 82bbv6l4b5vn21f29/1382126400000/05616617586241311178/*/0BzuPg2_AaLMGcjZJYmdFX1hoe Vk?h=16653014193614665626&e=download"><img src="https://si0.twimg.com/profile_images/349012784/android_logo_small_bigger.jpg" /></a>

Ingresamos a Blogger, vamos a la entrada, después la editamos y en la sección HTML ingresamos el código HTML del botón

Damos clic en

y tendremos agregado nuestro botón.


Con esto finalizamos el montaje de la radio online en nuestro sitio web, las herramientas descritas ayudaran en buena medida a la interacci贸n y difusi贸n del contenido que pretendamos transmitir.

Manual de instalación de radio online