Jellyfin Media Bar

[M0RPH3US]

@M0RPH3US, I did some digging on the pure Android app, and it looks like there is not currently a way to make it work with TV per @niels (Jellyfin's primary Android TV app dev). Basically, it cannot be made to work with a TV remote.

With the recent adjustments the full screen media bar looks great in the android app in both orientations, but in browsers and JMP it is much smaller, and the My Media and Recently Watched/Next Up panels grew larger, similar to what @Rubén_Navarro_López mentions above.

I am willing to and am interested in helping, if you are willing to have me along for the ride.

I am going to do a little bit of research, as I don't have enough knowledge of this process to know if we can detect the incoming client to provide different layouts, other than screen size, which you have defined in the css.

At the moment, would it be possible to take the full screen css back to where it was yesterday? Things looked much better in the primary clients (web and jmp), and the portrait view in Android mobile app looked great as well. The landscape view now looks good on the mobile app, but the web and JMP clients look a bit off.

@Jamie Chapman already pushed an update to solve that. Try the new js and css both.

[Jamie Chapman]

Looks great. Excellent work, thank you!

Android mobile in landscape, web and JMP clients all look really nice.

With portrait in the mobile app, it looks good, but the "info" line gets a little busy depending on the filled in content. Is there any way to break the line in two, dynamically, when the screen space runs short, or maybe for this specific view, where screen width is a premium commodity, make it so that it always breaks in two?

   

[M0RPH3US]

Plugin has been updated to include the fullscreen mode by default courtesy @IAmParadox27.

Updates to the normal mode has been halted till the fullscreen mode has been stabilized enough.

Request feedbacks and reports involving any visual glitches you might see to help stabilize the fullscreen mode across devices. Please include the device being used and orientation.

---

Looks great. Excellent work, thank you!

Android mobile in landscape, web and JMP clients all look really nice.

With portrait in the mobile app, it looks good, but the "info" line gets a little busy depending on the filled in content. Is there any way to break the line in two, dynamically, when the screen space runs short, or maybe for this specific view, where screen width is a premium commodity, make it so that it always breaks in two?

Have something in mind for this. Let's see how it spans out.

[solosuono]

Everything worked until 12:00 today. Now I only see the top bar on both chrome and Edge. I've done the ctrl+shift+r combo several times but nothing changes. I also updated the latest slideshowpure.css but the sections are not updated. I have jellyfin ver. 10.10.5 in Qnap TS-253D

[M0RPH3US]

Everything worked until 12:00 today. Now I only see the top bar on both chrome and Edge. I've done the ctrl+shift+r combo several times but nothing changes. I also updated the latest slideshowpure.css but the sections are not updated. I have jellyfin ver. 10.10.5 in Qnap TS-253D

Are you using the plugin way or manual installation.?

[solosuono]

Yes



Are you using the plugin way or manual installation.?

[M0RPH3US]

Yes

[citazione="M0RPH3US" pid='53166' data='1740587680']
[quote="solosuono" pid='53165' dateline='1740587271']
Tutto ha funzionato fino alle 12:00 di oggi. Ora vedo solo la barra superiore sia su Chrome che su Edge. Ho eseguito la combinazione ctrl+shift+r diverse volte ma non è cambiato nulla. Ho anche aggiornato l'ultimo slideshowpure.css ma le sezioni non sono aggiornate. Ho jellyfin ver. 10.10.5 in Qnap TS-253D
[/citazione]

Stai utilizzando il metodo del plugin o l'installazione manuale?
[/citazione]

No what I meant was, which installation method did you choose? And if it's visible in the browser, what's the end goals you are trying to achieve. The question was not clear to me

[solosuono]

Sorry, I misunderstood the question. I am using the manual method, I have modified and edited all the files described in the guide. It worked until this morning.

Yes

[citazione="M0RPH3US" pid='53166' data='1740587680']
[quote="solosuono" pid='53165' dateline='1740587271']
Tutto ha funzionato fino alle 12:00 di oggi. Ora vedo solo la barra superiore sia su Chrome che su Edge. Ho eseguito la combinazione ctrl+shift+r diverse volte ma non è cambiato nulla. Ho anche aggiornato l'ultimo slideshowpure.css ma le sezioni non sono aggiornate. Ho jellyfin ver. 10.10.5 in Qnap TS-253D
[/citazione]

Stai utilizzando il metodo del plugin o l'installazione manuale?
[/citazione]

No what I meant was, which installation method did you choose? And if it's visible in the browser, what's the end goals you are trying to achieve. The question was not clear to me

[M0RPH3US]

Sorry, I misunderstood the question. I am using the manual method, I have modified and edited all the files described in the guide. It worked until this morning.

Yes

[citazione="M0RPH3US" pid='53166' data='1740587680']
[quote="solosuono" pid='53165' dateline='1740587271']
Tutto ha funzionato fino alle 12:00 di oggi. Ora vedo solo la barra superiore sia su Chrome che su Edge. Ho eseguito la combinazione ctrl+shift+r diverse volte ma non è cambiato nulla. Ho anche aggiornato l'ultimo slideshowpure.css ma le sezioni non sono aggiornate. Ho jellyfin ver. 10.10.5 in Qnap TS-253D
[/citazione]

Stai utilizzando il metodo del plugin o l'installazione manuale?
[/citazione]

No what I meant was, which installation method did you choose? And if it's visible in the browser, what's the end goals you are trying to achieve. The question was not clear to me

You might have to check all the changes you did, has it reverted back? As everything in the manual method stays local, and nothing is changed from any other source. And check both the JS and CSS files. Do you have any error in the browser console?

[solosuono]

I only see the top bar without the sections below.

Sorry, I misunderstood the question. I am using the manual method, I have modified and edited all the files described in the guide. It worked until this morning.

Yes

[citazione="M0RPH3US" pid='53166' data='1740587680']
[quote="solosuono" pid='53165' dateline='1740587271']
Tutto ha funzionato fino alle 12:00 di oggi. Ora vedo solo la barra superiore sia su Chrome che su Edge. Ho eseguito la combinazione ctrl+shift+r diverse volte ma non è cambiato nulla. Ho anche aggiornato l'ultimo slideshowpure.css ma le sezioni non sono aggiornate. Ho jellyfin ver. 10.10.5 in Qnap TS-253D
[/citazione]

Stai utilizzando il metodo del plugin o l'installazione manuale?
[/citazione]

No what I meant was, which installation method did you choose? And if it's visible in the browser, what's the end goals you are trying to achieve. The question was not clear to me

You might have to check all the changes you did, has it reverted back? As everything in the manual method stays local, and nothing is changed from any other source. And check both the JS and CSS files. Do you have any error in the browser console?