Estilos y Funciones en Tiempo Real
Personaliza tu página inyectando código o gestionando los elementos visualmente.
HTML Extra (Cuerpo)
CSS Extra (Estilos Múltiples)
JavaScript Extra
Logo de la Página
Opciones del Menú Hamburguesa
Constructor Visual Interactivo Activo
Ve a la pestaña de tu página web. Encontrarás un menú flotante que te permite tocar, editar, mover y borrar cualquier elemento en tiempo real.
Cambios Aplicados
Papelera (Deshechos)
Configuración Inteligente del Hero Carousel
Controla qué aparece primero, cuánto pesa cada fuente y qué tan diversa será la selección personalizada.
Primera página y contenido primordial
Mezcla y orden
Prioridad de cada fuente — 1 a 100%
Diversidad y personalización
Elementos visibles
Prioridad individual de sliders manuales
Estadísticas completas
Reproducciones, sesiones, dispositivos, Hero, búsquedas, listas, votos, continuidad y rendimiento por contenido.
Dispositivos
Embudo de reproducción
Perfiles anónimos
Estado: {{ profilesAccessStatus }}
Rendimiento del Hero Carousel
| Contenido | Impresiones | Detalles | Mi Lista | CTR |
|---|---|---|---|---|
| {{ row.title }} | {{ formatStatNumber(row.impressions) }} | {{ formatStatNumber(row.details) }} | {{ formatStatNumber(row.myList) }} | {{ row.ctr }}% |
Eventos registrados
Rendimiento por película y serie
Vista completa de reproducciones y acciones.
| Contenido | Tipo | Hoy | Mes | Año | Total | Detalles | Reproducir | Continuar | Mi Lista | Me encanta |
|---|---|---|---|---|---|---|---|---|---|---|
| {{ row.type }} | {{ formatStatNumber(row.today) }} | {{ formatStatNumber(row.month) }} | {{ formatStatNumber(row.year) }} | {{ formatStatNumber(row.total) }} | {{ formatStatNumber(row.details) }} | {{ formatStatNumber(row.plays) }} | {{ formatStatNumber(row.continues) }} | {{ formatStatNumber(row.myList) }} | {{ formatStatNumber(row.loves) }} |
Publicación de rankings en la página principal
Top 10 de hoy
Top 10 del mes
Top 10 del año
Hero Carousel Principal
Configuraciones Generales del Hero
Slider #{{ index + 1 }}
Prioridad manual activa: al vincular, Firebase solamente completa campos vacíos. Fondo, logotipo, descripción, etiqueta, botones, vídeo y CSS configurados aquí nunca se sustituyen.
Si hay varios fondos, la página sortea uno en cada recarga y conserva el cambio automático por bloque horario.
Botones Extra (Se muestran antes de "Más Detalles")
Redirección de Hubs
Configura Películas, Series, Juegos, Libros y Shorts sin modificar el diseño visual del inicio.
Dos modos disponibles
Interno: abre una sección dentro de la misma página. Externo: abre una URL en una pestaña nueva y segura.
{{ hub.label }}
Hub principal
Se abrirá automáticamente en una pestaña nueva.
Deep Links y Compartir
Genera enlaces oficiales que abren directamente la ficha de cada película o serie y conservan la navegación interna con el botón Atrás.
Los enlaces siempre agregan utm_source=videopolis y utm_medium=sharebutton.
Enlaces por contenido
El código único se conserva en Firebase para que el enlace no cambie aunque edites otros datos.
Estrenos y último día para ver
Los estrenos programados permanecen publicados con cuenta regresiva. Al superar “Último día para ver”, el contenido se oculta automáticamente y su deep link deja de abrir la ficha.
Muy Pronto
Bloque cinematográfico editable con estrenos, cronómetros y recordatorios.
{{ item.title || contentTitle(item.linkedContentId) || ('Estreno '+(index+1)) }}
Originales de Videopolis
Bloque editorial manual. Su orden no depende de la relevancia de la IA.
{{ item.title || contentTitle(item.linkedContentId) || ('Original '+(index+1)) }}
Crear Contenidos
Cada película o serie se edita dentro de un menú acordeón. Al cerrarlo solamente se muestra el título.
Detección de dispositivo en tiempo real
Las URL de reproducción se seleccionarán automáticamente en la página pública.
{{ content.title || 'Contenido sin título' }}
{{ content.type === 'movie' ? 'Película' : 'Serie' }} · {{ content.id || 'Sin ID' }}
{{ content.title || 'Contenido sin título' }}
{{ content.type === 'movie' ? 'Película' : 'Serie' }} · {{ content.id || 'Sin ID' }}
Identidad y ficha técnica
Usa + para registrar cada creador por separado. Aparecerán individualmente en Detalles de películas y series.
Se muestra en la ficha técnica de películas y series.
Ficha técnica ampliada
Imágenes y descripción
Si un fondo falla, Inicio lo omite automáticamente y usa otro disponible.
Estreno y caducidad
Reproducción de la película
Temporadas y episodios ({{ content.episodes.length }})
Temporada {{ season.number }}{{ season.title || 'Sin título adicional' }} · {{ getEpisodesForSeason(content,season.number).length }} episodios
{{ ep.title || ('Episodio '+(eLocalIndex+1)) }}
Todavía no hay contenidos.
Clasificaciones
Televisión en vivo conectada a Firebase
Organizador de En Vivo
Administra canales, logos, servidores, categorías y la programación completa de lunes a domingo. Los cambios aparecen dentro de iniciooficial.html → EN VIVO en vivo y en directo.
Configuración general de la página
{{ channel.number || '—' }} · {{ channel.name || 'Canal sin nombre' }}{{ channel.category || 'Sin categoría' }} · {{ channel.servers.length }} servidor(es) · {{ channel.autoScheduleFromSignal ? 'Parrilla automática' : channel.schedule.length + ' programa(s)' }}
Servidores de transmisión
Ordena varios servidores para tener respaldo automático.
Programación semanal
Puedes añadir tantos espacios como necesites para lunes a domingo.
Organizador Maestro
Orden del Hero Carousel
Orden de Clasificaciones (Filas)
Orden de Pósters
{{ cat.title }}
Nuevas Funciones
Centro inteligente para revisar, reparar, organizar y publicar tu catálogo sin alterar el funcionamiento original.
Contenidos
{{ data.contents.length }}
Películas
{{ data.contents.filter(c => c.type === 'movie').length }}
Series
{{ data.contents.filter(c => c.type === 'series').length }}
Episodios
{{ totalEpisodes }}
Salud
{{ catalogHealthPercent }}%
Auditoría y reparación segura
Corrige IDs vacíos o repetidos, categorías inválidas y compatibilidad de enlaces.
Enlaces inteligentes PC / móvil
Completa automáticamente un enlace faltante usando la otra versión disponible o el enlace antiguo, sin reemplazar enlaces ya capturados.
Películas incompletas
{{ incompleteMoviesCount }}
Episodios incompletos
{{ incompleteEpisodesCount }}
Generador rápido de Hero
Crea un slider usando automáticamente fondo, logo, descripción y vínculo del contenido.
Problemas detectados
Vista rápida de los primeros avisos del catálogo.
No se detectaron problemas.
Experiencia inteligente
Interruptores globales para activar o desactivar funciones nuevas sin borrar datos.
Funciones Internas
Configura por separado el comportamiento móvil estilo HBO Max y el sistema interno de preloader, precarga extrema y conexión. Los cambios se guardan automáticamente en Firebase y en el respaldo local del panel.
Dispositivo detectado
{{ detectedDevice === 'mobile' ? 'Móvil / Tablet' : 'PC / TV' }}
Persistencia
Auto guardado
Función 1
Hide on Scroll / Auto-hiding Header (solo móviles)
Zona Hero: Header visible y transparente. Después del Hero: fondo configurable y ocultamiento por dirección de scroll.
Función 1
Hide on Scroll / Auto-hiding Header (solo móviles)
Zona Hero: Header visible y transparente. Después del Hero: fondo configurable y ocultamiento por dirección de scroll.
Activación general
Solo se aplica cuando la detección en vivo confirma un dispositivo móvil y nunca en PC, laptop o TV.
Comportamiento en zona Hero Carousel
Mientras el Hero está visible, el Header puede permanecer siempre visible y sin fondo.
Comportamiento después del Hero (zona Slick Slider y más abajo)
Configura el fondo que aparece cuando el usuario abandona el Hero y entra en el catálogo.
Animación y sensibilidad
Accesibilidad y compatibilidad
Detección del Hero
Función 2
Sistema de Preloader moderno + Detección de conexión en tiempo real
Reutiliza el loader existente, controla la precarga, reachability, timeout y recuperación de conexión.
Función 2
Sistema de Preloader moderno + Detección de conexión en tiempo real
Reutiliza el loader existente, controla la precarga, reachability, timeout y recuperación de conexión.
Activación y comportamiento del Preloader
El sistema debe reutilizar el loader existente; estos selectores y clases permiten controlarlo sin reemplazar su HTML ni CSS interno.
Timeout y Bottom Sheet
Detección de conexión en tiempo real
Precarga extrema
Mensajes y feedback visual
Comportamiento general de “Funciones Internas”
Todos los ajustes se guardan automáticamente. “Aplicar cambios ahora” fuerza la sincronización inmediata y emite un evento local; “Guardar y recargar” sincroniza y vuelve a cargar el panel.
Tipos de letras
Asigna fuentes por dispositivo, nivel tipográfico o texto individual. Inicio detecta los textos nuevos y sincroniza el catálogo en tiempo real.
Formatos admitidos exclusivamente por enlace: .ttf, .woff y .eot. Los tres enlaces se integran en una sola declaración @font-face como fuentes de respaldo ordenadas.
{{ group.title }}
{{ group.help }}
Textos individuales
Cada entrada corresponde a un texto real encontrado en `iniciooficial.html`. Sin fuente individual, hereda Texto General, Títulos o Subtítulos.
Todavía no hay textos en el catálogo.
Abre `iniciooficial.html`, navega por sus secciones y presiona “Leer textos ahora”.
{{ item.text }}
{{ item.context }}
{{ item.key }}
IA TensorFlow — Entrenamiento Manual
Entrena las recomendaciones de Inicio, Búsqueda y Sugerencias con palabras clave, creadores, relaciones manuales y pesos configurables. Todo se guarda en Firebase.
Motor neuronal manual
TensorFlow combina estos pesos con votos, Mi Lista, búsquedas, reproducciones y clasificación.
{{ content.title || content.id }}
Entrenamiento {{ aiTrainingCompleteness(content) }}% · {{ content.type === 'series' ? 'Serie' : 'Película' }}
{{ content.title || content.id }}
Entrenamiento {{ aiTrainingCompleteness(content) }}% · {{ content.type === 'series' ? 'Serie' : 'Película' }}
Estado
¡Conectado en Vivo!
Error: {{ firebaseErrorMsg }}