VLC, un reproductor multimedia de código abierto gratuito multiplataforma desarrollado por el proyecto VideoLAN, se basa en brindar a los usuarios la posibilidad de reproducir cualquier tipo de archivo de video en cualquier lugar, sin importar el dispositivo o el tamaño de la pantalla. A fin de brindar una experiencia de visualización óptima a la mayor cantidad de usuarios posible, el equipo de VideoLAN se esforzó por adaptar la app de VLC para diferentes plataformas, que incluyen Android TV y dispositivos de pantalla grande, como tablets y Chromebooks.
Qué hizo la empresa
Las apps de dispositivos Android TV ofrecen una experiencia de visualización única en comparación con las apps de dispositivos móviles. Los usuarios de TV permanecen más lejos de la pantalla y también esperan ver toda su biblioteca de contenido en una sola vista, como una guía de TV tradicional, mientras que los usuarios de dispositivos móviles esperan ver solo el video que eligen ver. Además, los usuarios usan el control remoto para navegar por las apps de Android TV, mientras que las apps para dispositivos móviles solo funcionan en pantalla táctil.
Si bien VideoLAN decidió mantener la mayor parte de la IU de VLC para dispositivos móviles, en la versión más reciente de la app (3.2), el equipo necesitaba avanzar un par de pasos más para garantizar una experiencia óptima tanto en dispositivos móviles como en Android TV.
Optimización para controles remotos de TV
El primer paso de VideoLAN era garantizar que la IU del reproductor de video de la app fuera fácil de navegar con controles remotos de dispositivos Android TV, que solo tienen un mando de dirección y algunos botones. Por ejemplo, el equipo movió las opciones del reproductor de video a un panel lateral para que sea más fácil hacer clic en ellas desde un smartphone o una tablet y se pueda navegar fácilmente entre ellas con un control remoto.
Ajuste del diseño para la biblioteca de Leanback
En dispositivos Android TV, los usuarios de VLC pueden ver todas sus categorías de video a la vez, en lugar de agregar categorías como en dispositivos móviles. A fin de optimizar esta función de navegación, la biblioteca de Leanback usa fragmentos extensibles para permitir que los desarrolladores creen fácilmente experiencias enriquecidas y animadas para cada contenido.
VideoLAN creó una IU de navegación personalizada para habilitar la ordenación y el desplazamiento con un botón de acción flotante, y agregó animaciones para cada opción de desplazamiento. El equipo también creó una función de desplazamiento rápido similar a la que tiene su app para Android Auto que permite a los usuarios navegar rápidamente por el contenido de videos mediante búsquedas con las primeras letras en lugar de tener que desplazarse por toda la lista.
La implementación de una IU completamente nueva para Android TV generó una gran cantidad de refactorización de código; es allí donde la arquitectura de Model-View-ViewModel (MVVM) propuesta por los componentes de arquitectura de Android fue útil. Siguiendo estos lineamientos arquitectónicos, el equipo pudo crear una separación clara entre el código de la IU y la lógica de la app, lo que simplificó el uso compartido del código de la lógica de la app una vez escrita la nueva IU. Ahora, el mismo código ejecuta la IU para dispositivos móviles y TV de VLC.
El equipo también trabajó con transformaciones de LiveData para crear un mapa con elementos agrupados según la información del video (como el título, la fecha de creación o la duración del video) a partir de la lista única que usaron en los dispositivos móviles. Dado que Android TV muestra los videos en modo de paisaje, el equipo dividió el contenido en varias filas, en lugar de incluirlo en una lista vertical por la que el usuario puede desplazarse.
Integración de los controles por voz y la función "Mi lista"
Por último, VideoLAN implementó una MediaSession para habilitar el control de reproducción de comandos por voz mediante Asistente de Google. El equipo también agregó la función de "Mi lista" al código de la app para TV, que permite a los usuarios reanudar la reproducción de un video iniciado con anterioridad directamente desde la pantalla principal de Android TV.
Resultados
Como reproductor de contenido multimedia gratuito y de fácil navegación, VLC se ejecuta mejor en pantallas más grandes. El equipo de VideoLAN continúa recibiendo comentarios positivos de usuarios de todo el mundo, incluso proveedores de servicios de Internet de Francia y Suiza solicitaron agregar VLC como app predeterminada en sus decodificadores.
"Las TV son el entorno natural para un reproductor multimedia como VLC, por lo que sabíamos que había una enorme comunidad que esperaba usar la app en Android TV", dijo Jean-Baptiste Kempf, presidente de VideoLAN. "Esta fue realmente la plataforma más fácil de optimizar, ya que pudimos reutilizar el 95% del código de Android, y estamos encantados con los resultados".
Con una app diseñada para dispositivos que van desde smartphones con pantallas pequeñas hasta televisores de pantalla grande, VideoLAN está preparada para llegar a más usuarios de dispositivos móviles donde sea que quieran mirar sus videos favoritos.
Comienza ahora
Revisa algunas recomendaciones que te permitirán optimizar tus apps para Android TV.