2024-03-02, 06:21 PM
(This post was last modified: 2024-03-10, 01:16 AM by 1hitsong. Edited 2 times in total.)
Goal
Now that we have previous and next item buttons allowing users to navigate through playlists (including behind the scenes playlists, such as TV show seasons) I want to add information popups telling users what they are about to navigate to.
Context
Continued from https://github.com/jellyfin/jellyfin-roku/pull/1703
3/9/2024
The video OSD now supports previous and next popups.
Here's playback of a playlist with various media formats.
Playing a live TV recording, and next is a music video.
Playing a music video, and next is a movie.
Playing a music video, and previous is a TV recording.
Playing a movie, and next is a song.
Playing a song, and next is a TV episode
And because this works for all playlists, including internal playlists such as music albums, quick play lists, and TV seasons, it will also work outside of the Playlist library.
Playing an album and seeing what song is next
Playing a TV season and seeing what episode is next
3/2/2024
In the music player, if the user moves the focus to either the previous or next buttons and there is an item they can navigate to, we will now show a small title popup indicating the title of the item.
Using the new Expanding Label component, the label will automatically resize to match the text. Additionally, we can specify a max length for the label. If the width of the next is longer than the max length, the label will scroll to show the overflow text.
In addition to the text, we will also display other helpful info. Here, the next queue item is a TV episode. You can see we change the icon to a TV and show the TV Series name, Season Number, and Episode title.
For the previous title text, we must do some extra calculations to make it line up. This is because Roku only allows us to set position coordinates using the left pixel value. So to make the previous title line up using the right side, we must calculate the final width and subtract it from the starting position.
Now that we have previous and next item buttons allowing users to navigate through playlists (including behind the scenes playlists, such as TV show seasons) I want to add information popups telling users what they are about to navigate to.
Context
Continued from https://github.com/jellyfin/jellyfin-roku/pull/1703
3/9/2024
The video OSD now supports previous and next popups.
Here's playback of a playlist with various media formats.
Playing a live TV recording, and next is a music video.
Playing a music video, and next is a movie.
Playing a music video, and previous is a TV recording.
Playing a movie, and next is a song.
Playing a song, and next is a TV episode
And because this works for all playlists, including internal playlists such as music albums, quick play lists, and TV seasons, it will also work outside of the Playlist library.
Playing an album and seeing what song is next
Playing a TV season and seeing what episode is next
3/2/2024
In the music player, if the user moves the focus to either the previous or next buttons and there is an item they can navigate to, we will now show a small title popup indicating the title of the item.
Using the new Expanding Label component, the label will automatically resize to match the text. Additionally, we can specify a max length for the label. If the width of the next is longer than the max length, the label will scroll to show the overflow text.
In addition to the text, we will also display other helpful info. Here, the next queue item is a TV episode. You can see we change the icon to a TV and show the TV Series name, Season Number, and Episode title.
For the previous title text, we must do some extra calculations to make it line up. This is because Roku only allows us to set position coordinates using the left pixel value. So to make the previous title line up using the right side, we must calculate the final width and subtract it from the starting position.
🤘 Enjoy
