El desafío

En Qualabs existía una primera versión de CMAF HAM UI, la herramienta para inspeccionar y editar manifiestos de video (HLS/DASH). Funcionaba como proof of concept, pero ahí terminaba: sin interfaz amigable, sin flujos de trabajo pensados y sin una forma eficaz de editar manifiestos. El objetivo era llevarla a una segunda versión real, usable por el equipo día a día.

La solución

Rediseñé la UI desde cero enfocándome en los flujos que un usuario realmente sigue: cargar, analizar, editar, exportar. Sumé componentes visuales modernos que ordenan información compleja (estructuras de manifiestos con múltiples niveles) sin que se sienta abrumadora.

Funcionalidades clave

• Carga optimizada: drag & drop o selección manual de archivos .mpd / .m3u8, con validación inmediata
• Visualización estructurada: árbol lógico de Presentations → Selection Sets → Switching Sets → Tracks
• Edición en línea: pop-up para modificar propiedades clave (idioma, resolución, codecs, duración)
• Exportación múltiple: generación simultánea de manifiestos HLS y DASH desde la misma estructura

Resultado

La nueva UI convirtió el prototipo en una herramienta robusta y accesible, notablemente más intuitiva que su versión anterior. Fue bien recibida por la comunidad de video, se presentó en DEMUXED 2024 en San Francisco y generó mayor interacción en GitHub, además de servir como demo destacada en MonteVIDEO Tech Summer Camp 2024.