Skip to content

[FEATURE] Implementación de bloque de Streaming Inteligente para modo híbrido y VOD #34

Description

@GutberBG

🔍 Verificaciones previas

  • Busqué issues existentes y no encontré uno similar

🧩 Tipo de mejora

  • 🛠️ Desarrollo - nueva funcionalidad o cambio en el código
  • 📄 Documentación - mejorar el README, guías, comentarios en código o ejemplos
  • ♿ Accesibilidad - mejorar la experiencia para personas con discapacidad
  • ⚡ Rendimiento - optimización de velocidad, uso de memoria o recursos
  • 🎨 UI / UX - cambios en la interfaz o experiencia de usuario
  • 🧪 Testing - agregar o mejorar pruebas automatizadas
  • 🔧 Infraestructura / DevOps - CI/CD, despliegue, configuración de entornos
  • 📚 Contenido - mejoras o correcciones en el contenido, como blogs, tutoriales o recursos educativos

✨ Descripción de la propuesta

Se propone la creación de un componente dinámico diseñado para la transmisión de eventos en vivo y su posterior archivo. Este bloque permitiría integrar transmisiones de plataformas como YouTube o Twitch, con la capacidad única de transformar su comportamiento y contenido de forma automática según el estado cronológico del evento.

🎯 Problema que resuelve

Actualmente, la gestión de contenido multimedia requiere actualizaciones manuales constantes: antes del evento se pone un anuncio, durante el evento se debe incrustar el reproductor en vivo y, al finalizar, se debe cambiar manualmente a los videos grabados. Esta falta de automatización genera una carga administrativa innecesaria y puede causar que la audiencia encuentre contenido desactualizado o reproductores vacíos si el organizador no realiza el cambio a tiempo.

👤 Caso de uso

Durante la ejecución de un PyDay, el sitio muestra automáticamente el iframe con la señal en vivo en la página principal. Una vez que el sistema detecta que la fecha y hora del evento han concluido, el bloque oculta el reproductor en vivo y muestra en su lugar una galería organizada con las grabaciones (VOD) de las distintas charlas, manteniendo la relevancia del sitio sin intervención manual.

💡 Solución propuesta

La solución consiste en implementar un bloque inteligente basado en la lógica temporal del evento, que utilice condicionales en los templates para alternar entre dos estados de visualización. En el primer estado, el componente renderiza un iframe de transmisión en vivo vinculado a una URL proporcionada; en el segundo estado, activado automáticamente al expirar el cronograma del evento, el componente se transforma en un contenedor dinámico (como una galería o lista de reproducción) que consume los enlaces de los videos grabados almacenados en el backend, asegurando una transición fluida entre el contenido "Live" y "VOD".

🚀 Impacto esperado

Esta mejora automatiza la gestión de contenido audiovisual, reduciendo drásticamente el mantenimiento manual post-evento y garantizando que la landing page siga siendo útil y atractiva incluso meses después de la actividad.

🔍 Alternativas consideradas

Se evaluó mantener bloques estáticos separados para "Vivo" y "Grabaciones", pero esto obligaría a los usuarios a navegar por distintas secciones y a los organizadores a editar el sitio en momentos críticos de la producción del evento.

✅ Criterios de aceptación

  • El nuevo bloque permite configurar una URL de streaming y una lista de videos para VOD.
  • El sistema detecta automáticamente el fin del evento para cambiar el modo de visualización.
  • El iframe de transmisión y la galería de videos son responsivos y se adaptan a móviles.
  • Se incluye una opción de "Override" manual para que el administrador pueda forzar un modo u otro independientemente del reloj.

🤝 ¿Te gustaría contribuir con esto?

Puedo ayudar a probarlo o revisarlo

📎 Recursos adicionales

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions