Cinematic 3D Radio — Web + WordPress (Paquete Completo)

Cinematic 3D Radio — Web + WordPress (Paquete Completo)

Un reproductor para emisoras de radio en directo con presentación cinematográfica: tus emisoras aparecen en un carrusel 3D, cada una con su logo, y al pulsar «Escuchar» suenan en directo con un panel propio y una barra de controles que sigue sonando mientras el visitante explora. Una compra de US$60 incluye las dos versiones en un único ZIP: la versión web independiente y el plugin para WordPress. Versión 1.0.1.

Para quién: emisoras, radios online, agencias y webs que quieren presentar una o varias emisoras con un reproductor cuidado, en una web propia o en WordPress.

Qué incluye el reproductor (en las dos versiones)

• Carrusel 3D de emisoras: cada tarjeta muestra el logo, el nombre, el género y el país (si los indicas) y un distintivo «EN VIVO». Se recorre con clic, arrastre o las flechas del teclado.
• Panel de la emisora: logo, nombre, datos de la emisora, estado y controles. Al cerrarlo, la emisora sigue sonando en la barra inferior.
• Controles de radio: escuchar o pausar (al reanudar vuelves al directo), detener, emisora anterior y siguiente, emisora aleatoria, volumen (se recuerda) y silencio. Sin barra de avance ni duración, porque es radio en directo.
• Estados visibles: conectando, en directo, en pausa, reconectando y error; aviso si la emisora tarda en responder.
• Reconexión automática: si la señal se cae, tres reintentos con esperas crecientes; sin conexión a Internet, espera a que vuelva la red.
• Errores explicados: dirección inexistente, página web en lugar de audio, lista .m3u/.pls, stream HLS, stream http en una web https o dirección con usuario y contraseña.
• Lista con búsqueda por nombre, país o género (sin importar tildes) y emisoras favoritas con filtro «Solo favoritas», guardadas en el navegador del visitante.
• Una sola emisora a la vez: al cambiar de emisora se corta la anterior; con varios reproductores en una página, solo suena uno.
• Apariencia: colores de fondo, texto y acento, imagen de fondo con oscurecimiento, logo de respaldo y columna de acciones visible u oculta. Adaptado a escritorio y móvil y respeta «reducir movimiento».
• Sin servicios externos: sin cookies, sin analítica y con la tipografía incluida.

Versión web (HTML, CSS y JavaScript)

Sin WordPress ni base de datos. Las emisoras se escriben en configuracion/emisoras.js (nombre, dirección del stream y, si quieres, logo, país, género y descripción), con avisos en la consola si una dirección no es válida. Incluye una demo local para Windows con emisoras de prueba (requiere Node.js solo para esa prueba).

Plugin para WordPress

Menú «Cinematic 3D Radio»: añade, edita y ordena emisoras, con el botón «Probar stream» y el logo desde la Biblioteca de Medios. Avisos al guardar si la dirección no es válida, es una lista o HLS, usa http en una web https o incluye credenciales. Página «Apariencia» y shortcode [cinematic3d_radio], con los atributos opcionales ids, genero y limite. Al borrarlo se eliminan sus emisoras y ajustes, también en multisitio.

Qué recibes

Un único ZIP, cinematic-3d-radio-web-wordpress-completo-v1.0.1.zip, con LEEME-PRIMERO.txt y los dos paquetes oficiales de la versión 1.0.1, sin modificar: version-web/cinematic-3d-radio-web-v1.0.1.zip y version-wordpress/cinematic-3d-radio-wordpress-v1.0.1.zip. Cada uno lleva su propio manual.

Instalación

Web: descomprime el ZIP de la versión web, configura tus emisoras en configuracion/emisoras.js y sube index.html, assets/ y configuracion/ a tu hosting con HTTPS. WordPress: en Plugins → Añadir nuevo → Subir plugin, elige el ZIP interior cinematic-3d-radio-wordpress-v1.0.1.zip (no el paquete completo), actívalo, añade emisoras en «Cinematic 3D Radio → Añadir emisora» y pega [cinematic3d_radio] en un bloque «Código corto».

Requisitos y límites

Web: hosting con HTTPS. WordPress 6.2 o superior y PHP 7.4 o superior. Necesitas la dirección directa del stream de cada emisora (Icecast, SHOUTcast…). En una web https el stream también debe ser https. MP3 y AAC funcionan en los navegadores actuales; Ogg/Opus depende del navegador; HLS (.m3u8) no es compatible. Que una emisora suene depende de su servidor y de las reglas del navegador: no se garantiza que cualquier dirección funcione. No muestra la canción que suena: solo el nombre de la emisora y «EN VIVO». Probado en Brave y Microsoft Edge (motor Chromium); Firefox y Safari aún no se han probado. Usa solo emisoras que tengas permiso para reproducir: el producto no incluye derechos sobre emisoras ni contenidos.

Demostración: cinematic3dradio.creanexo.com · Demo Web · Demo WordPress.