Video Player OSD Design Idea (Updated) #749
Replies: 1 comment 41 replies
-
|
Tidal, for their music videos, might do well here. Queue button only on the top right. |
Beta Was this translation helpful? Give feedback.
-
|
Well on the item details screen, you can't select the quality. That's actually strange when you think about it. |
Beta Was this translation helpful? Give feedback.
-
|
In my opinion in doesn't make any sense to give any quality selector (besides the version one, which I think it's the one @hamburglar2160 is confusing) because you won't know nothing about the transcoded quality (as it will depend on network speed, etc etc) once you start playing a video. |
Beta Was this translation helpful? Give feedback.
-
|
@ferferga I think you mean to not show the quality selector on the item page right? Because I'm alright with that. Does Jellyfin automatically transcode or can you also play the original file (when your speed is high enough)? Because in the current web it isn't clear for me. E.g if I set it to automatic, it still says transcoding - 60 mbps while the file clearly doesn't need 60 mbps to be played/neither that it needs transcoding. |
Beta Was this translation helpful? Give feedback.
-
|
@Perseusdehond Yes of course This is my proposal for how a real quality switcher should work in the future: jellyfin/jellyfin#4795 Right now everythig's hardcoded and there's no real "intelligence" behind the transcoding process, all works thanks to a set of hardcoded stuff. Automatic should play the original file, if it transcodes it's because it thinks your file is not compatible based on that hardcoded stuff. It plays with the original bitrate of the file iirc, but I don't know enough of how server works to assure this. |
Beta Was this translation helpful? Give feedback.
-
I agree on that then.
I really like this proposal. Way easier for users to just play in the best quality and don't worry about anything else
Ah okay, thnx, it only isn't always clear what it is doing (because of the bitrate and transcoding text). |
Beta Was this translation helpful? Give feedback.
-
Hello there. This time I wanted to give redesigning the video player OSD a try. I don’t necessarily think that the video player OSD in 10.7.0 is bad or anything. The 10.6.x and lower ones were not that great unfortunately so a big improvement. But since this is a new client and I don’t think the current controls show the finalized design. I thought it would be good to look at a few redesigns of the player to give it an updated look.
I removed the old post and designs as they don't add anything with the drastic changes now made. The second design version is still there, because you can look at the comments for a great discussion with hamburlar2160 to come to this final design (special thanks to him for this design :) )
New Design:
In this design there are quite a few changes done as suggested in this discussion thread. I think this is the most modern and clean design yet. I made the background black, because there still has to be a gradient added of some sort at the parts of the OSD.
This video player OSD has quite the resemblance to the music player OSD. This results in a more coherent design for Vue overall.
I won't go into much more detail as you can see the design versions down below :)
Old Design:
After getting feedback on my designs, the most people liked V1 the most. As mrTimscampi suggested, I changed the icons to material design ones to keep them the same. After that I made different placements for buttons at the bottom and improved greatly upon this imo. So hear is my newer more finalized design. (The skip and reverse buttons can have different icons like the one used in JF web 10.7.0 e.g. with the addition of them showing how many seconds/minutes you skip or reverse). Thnx everyone so much for the feedback. :)**
Overall:
I made an addition to the time slider with darker bit at the end of the slider which represents the time when the episode ends. You could also say the time that the feat/up next popup would come. I think this would be nice to have more of a feedback and indication on this feature as a user. At last I made the skip/reverse buttons the same as in web. Although I first liked them to show the amount of time you skipped/reversed, I think showing this when you hover over them and showing it on screen when you skip/reverse would be better.
Nothing is really that wrong with what’s in JF web in 10.7.0, but because there isn’t a finalized design for the Vue client I wanted to look at other designs. I’m not the only one, of course who uses JF and I would want the best experience for users as everyone interacts quite a lot with such an OSD. So I hope you like it ;)
Beta Was this translation helpful? Give feedback.
All reactions