Cinematic 3D All-in-One — Web + WordPress (Paquete Completo)

Cinematic 3D All-in-One — Web + WordPress (Paquete Completo)

Un reproductor con presentación cinematográfica que reúne tres bibliotecas en un solo carrusel 3D: tus videos de YouTube, tus canciones MP3 y tus emisoras de radio en directo. El visitante cambia de biblioteca con una pestaña y la experiencia sigue siendo la misma: tarjetas en perspectiva, un panel que se abre desde la portada y una barra de controles que le acompaña. 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.3.

Para quién: webs, artistas, productoras, emisoras y agencias que quieren presentar video, música y radio en un mismo reproductor, en una web propia o en WordPress. Si solo necesitas una de las tres bibliotecas, en la tienda tienes Cinematic 3D YouTube, Cinematic 3D MP3 y Cinematic 3D Radio por separado.

Las tres bibliotecas

• YouTube: pega el enlace o el ID de cada video; en el carrusel aparece con su portada (o una propia) y al pulsar «Ver video» se abre el reproductor oficial de YouTube dentro del panel. Si el propietario no permite insertarlo, el reproductor lo avisa y ofrece abrirlo en YouTube.
• MP3: panel «Ahora suena» con barra de progreso, anterior y siguiente, repetir, aleatorio y detener; sigue sonando en la barra inferior al cerrar el panel. La carátula se lee de las etiquetas del propio MP3 sin descargar la canción entera.
• Radio en directo: emisoras a partir de la dirección directa de su stream (Icecast, SHOUTcast…), con estados de conexión, reconexión automática y errores explicados (dirección inexistente, página web en lugar de audio, lista .m3u/.pls, HLS, stream http en una web https). Muestra el nombre de la emisora y «EN VIVO»: no inventa canciones ni duraciones.

En las dos versiones

• Una sola fuente a la vez: al cambiar de pestaña, el MP3 se pausa, la radio corta su conexión y el video se cierra; nada empieza a sonar solo. También entre varios reproductores de la misma página.
• Cada pestaña recuerda su estado (tarjeta elegida, canción y posición, emisora) y puedes elegir qué pestañas se ven y cuál se abre primero.
• Lista con búsqueda sin importar tildes, favoritos y botón de compartir. Los favoritos y el volumen se guardan solo en el navegador del visitante.
• 7 skins: Cinematic Original, Clásico Oscuro, Clásico Claro, Cine Vintage, Midnight Blue, Retro Neon y Minimal Studio. Sobre cualquiera puedes cambiar el fondo (sólido o degradado), las tarjetas (comunes o por biblioteca), la barra, las pestañas, el panel, el texto, el acento, los bordes y las esquinas, y añadir una imagen de fondo. Cambiar de skin no corta lo que suena.
• Teclado y accesibilidad: pestañas, carrusel y panel se manejan con el teclado, con foco visible; respeta «reducir movimiento». Adaptado del móvil (320 px) al escritorio.
• Sin servicios propios de seguimiento: sin cookies ni analítica del reproductor y con la tipografía incluida.

Versión web (HTML, CSS y JavaScript)

Sin WordPress ni base de datos. Videos, canciones y emisoras se escriben en configuracion/biblioteca.js, con avisos en la consola si un dato no es válido. Incluye un configurador visual de skins local que genera tu archivo configuracion/apariencia.js, y una demo local para Windows (requiere Node.js solo para esa prueba).

Plugin para WordPress

Menú «All-in-One 3D»: cada biblioteca tiene tres pestañas (YouTube, MP3 y Radio) para añadir, ordenar y probar elementos, con la Biblioteca de Medios y el botón «Probar». Caja «Apariencia / Skins» con vista previa del reproductor real; cada biblioteca tiene su propia apariencia. Se inserta con el shortcode [cinematic3d_all_in_one id="…"] (opcional inicio="mp3" o "radio"). Al borrarlo se eliminan sus bibliotecas; los archivos de la Biblioteca de Medios se conservan.

Qué recibes

Un único ZIP, cinematic-3d-all-in-one-web-wordpress-v1.0.3.zip, con LEEME-PRIMERO.txt, las guías de instalación y de skins, y los dos paquetes oficiales de la versión 1.0.3, sin modificar: version-web/cinematic-3d-all-in-one-web-v1.0.3.zip y version-wordpress/cinematic-3d-all-in-one-wordpress-v1.0.3.zip.

Instalación

Web: descomprime el ZIP de la versión web, añade tus contenidos en configuracion/biblioteca.js y sube la carpeta a tu hosting con HTTPS. WordPress: en Plugins → Añadir nuevo → Subir plugin, elige el ZIP interior cinematic-3d-all-in-one-wordpress-v1.0.3.zip (no el paquete completo), actívalo, crea una biblioteca en «All-in-One 3D → Añadir biblioteca» y pega su shortcode 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; compatible con multisitio. YouTube: solo se reproducen los videos que su propietario permite insertar; al abrir un video se carga el reproductor oficial de YouTube, que aplica sus propias condiciones y cookies. Radio: necesitas la dirección directa del stream; en una web https el stream también debe ser https; HLS (.m3u8) no es compatible; que una emisora suene depende de su servidor. El producto no incluye emisoras ni derechos sobre emisoras, videos o música: usa solo contenidos que tengas permiso para publicar. Probado en Brave y Microsoft Edge (motor Chromium); Firefox y Safari aún no se han probado.

Demostración: cinematic3dall-in-one.creanexo.com · Demo a pantalla completa. La emisora de la demo (XY905) es un servicio externo: si en algún momento no emite, el reproductor lo indica.