• Español
  • English
  • Français
  • Português
  • Tutoriales
  • Análisis
  • Soluciones
  • Descargas
  • Herramientas

Blog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnologíaBlog de videotutoriales, videojuegos, hardware, software, informática y tecnología

✕

MENTA ZEN
  • Inicio
  • Tutoriales
  • Tu radio online por internet con Winamp y Shoutcast en tu página web

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:

reproductor web shoutcast winamp jwplayer

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).

Videotutoriales relacionados:
1. Crear una radio online por internet con Winamp y Shoutcast
2. Crear una redirección web o dominio con no-ip.com
3. Abrir puertos en nuestro router

Temas relacionados

Módulo 6.4 Elementor: Diseño de header y footer profesionales


Ver más

Módulo 6.3 Elementor: Widgets esenciales y dominio de la estructura


Ver más

Módulo 6.2 Elementor: Primer contacto con el editor de Elementor


Ver más

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Realizado con 💔 en Europa
Palestina libre
LGBTQ+ friendly
Tecnología, código, retro y pensamiento libre hasta que la aventura termine.
Explorando bits y píxeles desde 2012.
EspañolEspañol▼
  • EnglishEnglish
  • FrançaisFrançais
  • PortuguêsPortuguês

Desarrollo web:
Programador web Freelance

    • Mentazen.com - ¡Noticias, videojuegos, tutoriales, web y retro!