viernes, 16 de abril de 2010

Mega-tutorial: radio online + shoutcast + p2p + reproductor flash + cliente portable

Hola gente... este, creo que sera el post mas largo y complejo que voy a hacer.
Les voy a enseñar como tener una radio online, todo con servidores PROPIOS, nada de "listen2myradio" ni nada de eso...

Primero que nada, les voy a mostrar un esquema de como funciona esto...
(habran la imagen en otra pestaña para verla mejor)



Como observamos, la idea es que con un solo winamp reproduciendo, se transmita mediante dos tipos de señales, la directa (shoutcast normal) y P2P (sistema de transmicion de radio peer to peer).

Como muestra de lo que estoy hablando, dejo aqui mi blog con mi radio (Para ver los resultados)
http://radiodefolclore.blogspot.com/

Todo lo ofrezco en un archivo RAR LISTO PARA USAR!!!

- Winamp v2.9 portable con todos los plugin necesarios (Line Recorder, winamp Enqueue y shoutcast) configurado para admitir multiples interfaces (por si tienes otro winamp funcionando)
- servidor Shoutcast
- Servidor P2P (streamer P2P)
- Instalador del cliente NO-IP

Descargalo de aqui:

http://www.mediafire.com/?hjzluh2zudw
http://depositfiles.com/files/ymql3o9t6
http://www.megaupload.com/?d=CFOJV76C

Unas cositas antes de pasar al tutorial en si:

1- Si tienes ROUTER, SI PUEDES TENER TU PROPIA RADIO ONLINE!!! ME CANSE DE LEER POR AHI Q DICEN QUE LA UNICA SOLUCION ES "listen2myradio"... y no!! aqui les muestro una que realmente funciona muy bien!!

2- Tienes que tener abierto/redireccionado/forwarin (quieren decir lo mismo) los siguientes puertos en tu Router/NAT.. recuerda tambien añadirlos a la excepcion de tu firewall (personalmente, encuentro problemas con el firewall del ESET internet security, asi que lo desactivo...)
8000 TCP
8001 TCP
8002 TCP
8003 TCP
8004 TCP
8010 TCP
8466 UDP
De lo contrario nada funcionara... Quiero decir al respecto que, personalmente, el programa "Port Forwarin" a mi no me funciona correctamente... asi que recomiendo abrirlos manualmente..
Si no sabes como abrir puertos en tu router busca en google "abrir puertos en router "modelo del router"" Si no conoces tu modelo de router, entonces ve a incio-ejecutar- "cmd"... en la consola, escribes "ipconfig" y presionans enter.. luego, el ip de tu router es el que diga "puerta de enlace predeterminada".. entonces entras en cualquier navegador y entras a esa ip.. y entraras a la pagina del router, para que veas que modelo tienens exactamente..

3- Recomiendo e insisto en la propaganda del sistema P2P, puesto que con este sistema podemos transmitir a un numero ilimitado de audiencia, sin el limite que nos pone nuestra conexion.
Si queres saber mas sobre radios P2P, lee la siguiente explicacion:

Bueno.. el concepto es el siguiente.. Mediante una conexion Normal, el servidor (YO) manda el audio a cada radioescucha (VOS) por separado.. Es decir que con cada nuevo oyente, tengo que enviar el audio individual a cada uno.. y esto limita mucho la cantidad de personas a las que puedo transmitir.. ya que mi conexion a internet no es infinita jejeje...

Ahora, mediante, tecnologia P2P, el servidor (YO) transmito el audio a el 1º Radioescucha (VOS), y al 2do le transmitimos entre ambos (VOS Y YO), al 3ro le transmitimos entre los 3.. y asi sucesivamente..

De la misma manera que los programas como ARES, Kazza, Emule... Entre todos los oyentes se transmite la radio.. agrandando asi infinitamente el poder de las conexiones a internet.
Cabe destacar que los usuarios nisiquiera notaran este consumo de internet, ya que solo proporcionan un granito de arena a la RED..

¿Como escucharla?

* Baja el programa "Streamer P2p Radio" de AQUI es muy liviano, no te preocupes.
* Lo instalas y cuando termina de instalarse simplemente cierralo, no hace falta tenerlo abierto.
* Ahora ve a la pagina principal de la radio y clickea aqui:

Luego, acepta la ventana emergente Recomiendo tildar la opcion para que nunca mas pregunte y directamente se abra el programa

Listo... espera unos instantes y el programa se abrira y conectara con mi radio. Recuerda que en el boton DJCHAT podras chatear entre toda la audiencia y con el emisor.

4- El plugin Shoutcast, del winamp, ya esta configuradoo!!.. solo deben cambiarle la "contraseña", tanto en "output 1" como en "output 2" con la misma que pondrán como lo explico mas abajo..

5- El winamp que les ofrezco viene con el plug-in de Line Recorder, te sirve para poder hacer transmisiones de voz, y se utiliza presionando la opción ADD->URL de el editor de reproducción del winamp, y escribiendo en la ventana que aparece lo siguiente: "linerec://", lo cual hará que aparezca la palabra Line Recording en la última posición de la lista de reproducción del winamp, y al cambiar la canción actual, a esta opción, podremos hablar mediante un micrófono conectado a nuestra tarjeta de sonido. Esto te servirá para crear tus propios programas de radio, para desactivarla, solo pon a reproducir cualquier canción. y listo.

Entonces, vamos a llamar RAMA "A" al STREAM DIRECTO (LADO IZQUIERDO) y RAMA "B" Al STREAM por P2P (LADO DERECHO)..

Para la RAMA "A" - STREAM DIRECTO (LADO IZQUIERDO)

1- Configurar el servidor Shoutcast

En el paquete portable que ofrezco, en la carpeta SERVIDOR - Directo existe el archivo "sc_serv.ini" en estos datos:

MaxUser
Nos permite establecer el número máximo de conexiones que se harán a nuestro servidor, es decir, el número de usuarios que podrán conectarse.

Ej. MaxUser=15
Solo se conectaran 15 usuarios como máximo.

Password
Establece el password con el cual conectaremos al SHOUTCast DNAS.

ej.Password=miclave
Listo, el servidor esta configurado, no hace falta tocar otras opciones en realidad.

2- Configurar el No-IP

Bueno, ahora vamos a explicar para que usamos este servicio...
Los usuarios de internet con ip DINAMICA, es decir, si cada vez que prendes y apagas tu modem, obtienes una nueva ip, es molesto tener que enviarle a nuestra audiencia la nueva pagina de la radio (http://tu-ip:8000/) entonces lo que hacemos es contratar un servicio GRATUITO de la empresa NO-IP que nos ofrece la posiblidad de camuflar nuestro ip (que cambia todo el tiempo) en uno fijo como de la forma "miradio.no-ip.org" (como ejemplo). La pagina nos da una aplicacion que debemos instalar la cual, una vez logueados en nuestra cuenta, monitoreará cada vez que se cambie nuestro ip y actualizara la ip no "no-ip" (
miradio.no-ip.org)... dando a los usuarios (y a nosotros a travez de un reproductor FLASH en nuestra web) la facilidad de usar siempre la direccion "miradio.no-ip.org"
ok.. ahora explico como configurarlo...

1- vamos a la pagina http://www.no-ip.com/ y nos creamos una cuenta...
2- luego, iremos donde dice manage host/redicrect--> y agregamos uno nuevo.. (add host)...
Le ponemos el nombre que quieramos.. en realidad no hace falta que sea facil acordarse, puesto que lo utilizaremos solamente para setearlo en nuestro reproductor flash...LO IMPORTANTE ES ELEGIR EN LA OPCION
"Host Type" ELEGIR "DNS HOST (A)".
3- instalamos el software de la empresa "NO-IP" (esta en el arhivo rar que yo subi, sino, pueden bajarlo de aqui: https://www.no-ip.com/downloads.php)

Una vez iniciada la aplicacion, colocamos nuestros datos de ingreso (correo y pass) y el programa detectará nuestro nuevo HOST (creado anteriormente) y ahora vamos a OPTIONS..
En "standar" pueden ponerlo para que se inicie con windows si lo quieren, pero pasemos a la solapa
Conection en la barra deslizante, colocarla al minimo (5min) (es el tiempo entre chequeo y chequeo de cambio de tu ip).. LUEGO.. en la solapa Conection-->Proxy..

Esto es lo mas importante en cuanto a NO-IP... Si tienes un router, debes activar la opcion de proxy, pero sin llenar la direccion, pero si el puerto!! con el valor 8080 (predeterminado)...



Esto es sumamente importante, no importan que no usen proxys... pero si no activan la opcion, no funcionara la radio.. creanme..

Listo, el NO-IP esta configurado...

3- Reproductor FLASH y link para archivo .pls

Bueno aqui entramos en un area jodida...
ya que al reproductor lo van a tener que subir a un hostin gratuito... no es como poner un simple "gadget" en un blogspot... manos a la obraa!!!

El reproductor final al que llegarian seria este:
http://radiodefolclore.freevar.com/Reproductor/player.php

En el paquete que les doy, hay una carpeta "REPRODUCTOR"

Sube el directorio completo con los 3 archivos dentro a algun hosting,
YO RECOMIENDO:
http://www.freewebhostingarea.com/

Pero antes de subirlo debes editar el player.php.
Haz Clic secundario en el archivo "player.php" y elige Abrir con > Bloc de notas.

Busca la siguiente linea y cambia la IP y el PUERTO por la tuya:
so.addVariable('file', 'http://IP:PUERTO/;stream.nsv');

*IP: es la direccion que te da "NO-IP"!!!!!!!!!!!!!!!!
es decir la linea quedaria masomenos asi:

so.addVariable('file', 'http://miradio.no-ip.org:PUERTO/;stream.nsv');
*PUERTO: es el puerto 8000 que dejamos seteado anteriormente en el shoutcast.

Ahora ya puedes Subirlo.
En la pagina que les recomiendo es muy fasil.. con cualquier progra (recomiendo FireFTP, un plugin de firefox)

Como es un archivo PHP, Tienes 2 opciones para agregarlo a tu web:

1. Insertarlo en un Frame dentro de tu Web
Puedes insertarlo mediante un marco o frame a tu web, mediante el siguiente codigo:

<iframe frameborder="0" scrolling="no" src="http://direcciondelarchivo.com/reproductor/player.php" height="30" width="360"></iframe>

Solo debes editar la dirección de tu player.php.
Si al integrarlo en tu pagina se ve el fondo del frame de otro color, puedes cambiarlo editando el player.php en la parde de
#000000
"> <- Color en hexadecimal

2. Enlace a una ventana Pop-up
Puedes poner un enlace de texto o imágen en tu web, que al hacer clic abra una nueva ventana Pop-up con el reproductor, asi cuando tus oyentes navegen por tu pagina, no se tendrá que cargar el reproductor nuevamente.

Enlace de Texto:
http://direcciondelarchivo.com/reproductor/player.php" target="_blank" onClick="window.open(this.href, this.target, 'width=360,height=50'); return false;">Radio Online

Ejemplo: Radio Online

Enlace de Imágen:
http://direcciondelarchivo.com/
reproductor/player.php" target="_blank" onClick="window.open(this.href, this.target, 'width=360,height=50'); return false;">http://direcciondelaimagen.com/imagen.gif"/>

Ejemplo:


width y height es el ancho y alto, puedes dejarlo como está o agrandarlo, todo depende de como hallas editado el archivo player

Ok.. el reproductor FLAS esta listo!!!... ahora vamos a ver como usar el arhivo playlist...

El Shoutcast, dentro de su pagina (http://localhost:8000/) tiene la opcion de escuchar por archivo ".pls"... lo unico que hay que cambiar es..

http://localhost:8000/listen.pls
por esto:
http://miradio.no-ip.org:8000/listen.pls
para que los usuarios entren mediante el sistema NO-IP. Ahora simplemente tienes que patrocinar ESTE NUEVO LINK...

por ejemplo te dejo una muestra de un link en imagen como lo tengo yo en mi web:




Para la RAMA "B" - P2P Stream (LADO DERECHO)

1- Debemos configurar el streamer p2p para transmitir lo que el Shoutcast le esta enviando.. entonces hacemos lo siguiente. En el paquete que yo les estoy enviando, ya estsa configurado con los siguientes datos:

Puerto http: 8010
Puerto UDP: 8466

Con lo que nos ahorramos eso... en el programa vayan al boton ">>" y luego a "Bcast"

* Station Name: ponerle el nombre de su radio.
* Estimated Bibrate: poner 24

luego hacer click en "NEW ID" y luego en APLY..
luego en el recuatro de abajo, esta el codigo html para mostrar mi radio de folclore, tu puedes editarlo, es muy intuitivo... simplemente haz click en "VIEW" para ver que es cada cosa.. y luego vuelves al codigo y te das cuenta lo que tienes q cambiar (por ej, el link de la imgen, pon una tuya y listo.. ya tienens una fotito tuya.. Cualquier texto q este escrito, reemplazalo por lo que quieres q diga tu radio.. y asi)

Luego en la solapa "SOURCE"... escribir el pasword que setearon en el Shoutcast...

volve a la solapa STATION y pone "Apply" para salvar los datos... y listoo!! el Streamer esta configurado y transmitiendo..

2- Para tener el reproductor como este:


solo tienes que copiar y pegar el siguiente codigo:
Cambiando el valor "id=a0f8f120ce8313b0" por el numero de ID que les muestra el Streamer, en la parte de Broadcast...

<!-- Code start, Station KMeat -->

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="200" height="80" id="streamer_widget" align="middle">

<param name="allowScriptAccess" value="sameDomain" />

<param name="movie" value="http://streamerp2p.de/widget/widget2.swf?id=a0f8f120ce8313b0" />

<param name="menu" value="false" />

<param name="quality" value="best" />

<param name="bgcolor" value="#cccccc" />

<embed src="http://streamerp2p.de/widget/widget2.swf?id=a0f8f120ce8313b0" menu="false" quality="best" bgcolor="#cccccc" width="200" height="80" name="streamer_widget" align="middle" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

</embed></object>

<!-- Code end, Station KMeat -->

<br />

Ademas, tienes la posibilidad de un CHAT entre todos los oyentes y conmigo!! Accede en el boton "DJChat", dentro del programa.


Listo, con esto, ya tenemos solucionado el P2P!!!!!!

Y listo!!!!!!! ahora simplementes debemos abrir en este orden los archivos:

1- No-IP (instalado en su pc...)
2- sc_serv.exe (dentro de servidores-> directo)
3- streamer.exe (dentro de servidores -> P2P)
4- Winamp.exe (archivo raiz)

Recomiendo hacerles un acceso directo a cada programa y ponerlos en el inicio de windows, para que siempre esten transmitiendo!!!...

espero que les haya gustado y hayan podido hacer sus radios!!..
espero ver sus resultados! compartanlos!!!

Aviso legal


Todo material aqui pubilcado fue encontrado en el World Wide Web, de internet, por lo cual es propiedad de sus respectivos autores, son aqui posteados con el proposito de evaluacion y/o promoción o en su defecto Backup, siempre y cuadno el usuario tenga el material original, de no ser asi, el usuario se compromete a borrar el mismo en un plazo no mayor a 24 horas despues de su descarga.
http://paginadelui.com.ar no se hace responsable del uso que el usuario pueda darle a dicho material descargado. No alojamos el contenido en servidores propios, y no fomentamos la pirateria BAJO NINGUN PUNTO. La informacion posteada, es obtenida de otras paginas y blogs, no me adjudico ninguna imagen ni contenido, asi que en este lugar no se hacen copias ilegales ni se daña o infrige ningun Copyright o los Derechos de Autor.
Los creditos son para quien correspondan.

En fin:

DIGALE NO A LA PIRATERIA