Descripción
Radio Player Page crea páginas dedicadas e independientes para tus transmisiones de radio, proporcionando una reproducción continua sin interrupciones. El plugin sirve una página HTML limpia e independiente con una aplicación React integrada, lo que garantiza una independencia completa del tema y un rendimiento óptimo.
Características clave
- Compatibilidad con protocolos de transmisión – Detección y manejo automáticos para los formatos Icecast, Shoutcast, MP3, HLS (.m3u8) y DASH (.mpd). Utiliza compatibilidad nativa de navegador en iOS Safari para transmisiones HLS
- Cuatro visualizadores de audio – Elige entre «Osciloscopio», «Espectro de barras», «Cascada de amplitud» o «Partículas espectrales» para una visualización de audio en tiempo real impulsada por Web Audio API
- Ocho temas de color – Personaliza la apariencia con esquemas de color neutro, azul, verde, rojo, naranja, amarillo, morado o rosa
- Imagen de marca personalizada – Sube imágenes de fondo y logotipos personalizados para cada transmisión (se utiliza el favicon del sitio si no se proporciona ningún logotipo personalizado)
- Títulos de radio personalizados – Establece un título único para cada transmisión, o usa el nombre de su sitio como predeterminado
- Temporizador de reposo – Detención automática de la reproducción después de 30 minutos, 1 hora o 2 horas
- Gestión de múltiples transmisiones – Configura hasta 10 transmisiones independientes, cada una con su propia página WordPress dedicada
- Control de volumen – Control deslizante de volumen ajustable (no disponible en dispositivos iOS debido a limitaciones del sistema)
- API de sesión de medios – Muestra la información y la ilustración de la emisora en las pantallas de bloqueo de dispositivos y controles multimedia
- Diseño adaptable: Optimizado dispositivos de escritorio, tablets y móviles.
- Rendimiento optimizado: arquitectura ligera con las mínimas peticiones HTTP
Detalles técnicos
La interfaz del reproductor está construida con React 19, TypeScript y Material-UI, lo que brinda una experiencia de usuario moderna y accesible. El plugin utiliza Vite para agrupar activos e incluye una eliminación de caché adecuada mediante la carga de activos basada en manifiestos.
Capturas
Ejemplo de la página del reproductor con el color de tema azul y el visualizador «Osciloscopio» 
Ejemplo de la página del reproductor con el color de tema amarillo y el visualizador «Cascada de amplitud» 
Ejemplo de la página del reproductor con el color de tema verde y el visualizador «Espectro de barras» 
Administración de ajustes para gestionar estaciones
Instalación
- Sube la carpeta
radio-player-pageal directorio/wp-content/plugins/o instala el plugin directamente desde la pantalla de plugins de WordPress. - Activa el plugin desde la pantalla de ‘Plugins’ en WordPress.
- Ve a «Ajustes > Ajustes de Radio Player Page».
- For each stream:
- Introduce tu URL de transmisión (Icecast, Shoutcast, HLS, DASH o MP3)
- Selecciona la página de WordPress donde debe aparecer el reproductor
- Opcionalmente personaliza: título, color del tema, tipo de visualizador, imagen de fondo y logotipo
- Haz clic en Guardar cambios y visita la página asignada
Notas importantes:
- Cada transmisión requiere tanto una URL de transmisión válida como una página de WordPress asignada
FAQ
-
¿El reproductor funcionará con mi tema?
-
No. Las páginas de reproductor son completamente independientes de tu tema de WordPress, son servidas como páginas HTML independientes sin cargar estilos o scripts del tema.
-
¿Necesito configurar algo en la página de WordPress?
-
No. Una vez que se asigna una página a una transmisión en los ajustes del plugin, no se necesita ninguna configuración adicional en la página en sí. El plugin intercepta las solicitudes de página utilizando ganchos de redirección de plantillas de WordPress y sirve una página HTML independiente con el reproductor. El contenido de la página, la plantilla y cualquier ajuste existente se omiten, lo que garantiza que el reproductor se muestre correctamente sin ninguna configuración a nivel de página.
-
¿Dónde puedo obtener soporte o reportar problemas?
-
Visita el foro de soporte de WordPress para obtener ayuda, solicitudes de características y para informar de cualquier fallo.
-
¿Que es la característica del temporizador de reposo?
-
El temporizador de reposo te permite detener automáticamente la reproducción después de una duración establecida. Las opciones disponibles son 30 minutos, 1 hora o 2 horas. El temporizador solo funciona mientras la reproducción está activa y se puede cancelar en cualquier momento.
-
¿Puedo utilizarlo para emisoras de radio comerciales?
-
Sí. El plugin es libre y de código abierto, adecuado para radios comerciales y no comerciales.
-
¿Por qué el control de volumen no está disponible en mi dispositivo iOS?
-
El control de volumen no está disponible en los dispositivos iOS debido a limitaciones del sistema. Los dispositivos iOS utilizan los controles de volumen del sistema en su lugar.
-
¿Dónde puedo ver el código fuente completo?
-
The source code is hosted on GitHub. See the repository for contributions and issue tracking.
Reseñas
Colaboradores y desarrolladores
«Radio Player Page» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores
«Radio Player Page» está traducido en 7 idiomas. Gracias a los traductores por sus contribuciones.
Traduce «Radio Player Page» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
2.0.2
- Added player interface translations for Swedish, Dutch, Mexican Spanish, and Romanian
- Fixed the logic determining when to use translation files
- Ensured code compatibility starting from PHP 5.6
2.0.1
- Added player customization options – per-station configuration background images and logos
- Added theme color selection – choose from eight color themes (Neutral, Blue, Green, Red, Orange, Yellow, Purple, Pink) for each stream
- Added visualizer selection – choose from four audio visualizers (Oscilloscope, Bars Spectrum, Amplitude Waterfall, Spectral Particles) for each stream
- Added Media Session API integration – displays station information and artwork on device lock screens and media controls
1.2.1
- Added support for HLS (.m3u8) and DASH (.mpd) streaming using hls.js and dash.js
- Improved streaming protocol detection and handling
1.2.0
- Added support for multiple streams (up to 10)
- Added optional custom stream title field
- Improved Settings screen with dynamic streaming management interface
- Added backward compatibility migration from single-stream version
- Experiencia de usuario mejorada con validación de formularios y selección de página optimizadas