Tu radio online por internet con Winamp y Shoutcast en tu página web

Ya hemos aprendido a crear una radio online por internet con Winamp y Shoutcast.
También hemos aprendido a crear una redirección web o dominio con no-ip para actualizar nuestra IP automáticamente y no necesitar nuestro número de IP a la hora de dar nuestra dirección de la radio y también hemos aprendido a abrir los puertos de nuestro router.

Para completar el aprendizaje, ahora llega el turno de saber cómo poner un reproductor de audio en nuestra página web para que nuestros oyentes nos escuchen simplemente pulsando un típico botón de “play”.

A continuación mostramos capturas de pantalla del reproductor que vamos a realizar:

Podemos configurar las siguientes opciones:

• Ancho y alto del reproductor.
• Mostrar o no una imagen.
• Cambiar los colores del fondo y de los botones.
• Activar o desactivar la reproducción automática al entrar en la web.

Para realizarlo, necesitaremos tener acceso al FTP de nuestro servidor web, ya que hay que alojar los archivos del reproductor. También necesitamos tener conocimientos básicos de HTML.

Para ello utilizaremos la librería “swfobject” para insertar archivos flash y el reproductor “jwplayer” que es compatible con todos los navegadores actuales.

Los archivos necesarios los tenéis en el siguiente enlace:

Los hemos eliminado al quedar ya obsoletos (utilizaban tecnología flash).