Jellyfin Media Bar

[M0RPH3US]

@Jamie Chapman Thanks for testing. Apologies on the oversight on my part. Pushed a quick fix. Also make sure to clear your JMP cache before you try opening. Rest sorted on web and mobile. Nothing has changed apart from the slideshowpure.js

That did the trick. Everything is good to go, in both JMP and the info button in all clients. 

I also see that the buttons in JMP are now well spaced with a good gap, so I'll hold off on the tweaks you mentioned earlier, unless you would me to try it anyway. 

I like the Info/Play button flip-flop. Good call, IMO. 

I'm going to sideload the Android app on my Google TV, as this media bar is tops. 

I also tested swiping in the Android app. The missing arrows are a plus in that environment, and swiping works well!!!

I have also deployed a replica dev environment so I can help with testing. 

Thanks for all of the effort. It's coming along nicely.

Thank you. Testing on the tv environment will be really helpful. And FYI, for tv I'll be developing it blindly as I cannot test it myself. So, just an FYI😆🤭

And regarding the earlier fix for the button, don't bother with it. I already baked that in.

[Jamie Chapman]

Thank you. Testing on the tv environment will be really helpful. And FYI, for tv I'll be developing it blindly as I cannot test it myself. So, just an FYI😆🤭

And regarding the earlier fix for the button, don't bother with it. I already baked that in.

I'm glad you mentioned testing on the TV. I was going to leave you alone after all of the recent adjustments, to give you a breather, but the landscaped view in Android mobile needs a little TLC.

[Jamie Chapman]

Do we expect this to be working on TV anytime soon? or something like this

One option you can try is to just sideload the main Android app, instead of using the native Android TV app from the Play Store. 

The pure Android app works well, and the media bar looks great in it. I'm considering doing this myself on my Google TV, as the media bar is really slick (and the Android TV app has a minor bug that causes it to hang on exit to the launcher). 

My current hold-up is just getting the media bar to a stable spot, which I know morpheus is working on. Once it's there, I'm definitely going to give it a go (then I'm going to leave things alone on my prod system, as my wife doesn't tolerate malfunctions well...........)

I'll continue helping iamparadox and morpheus with testing from the dev environment. This media bar is SO cool.

Update to this post. I deployed the android app apk to my google tv, and the media bar needs some adjustments when running in landscape mode (tv mode, basically). I sent details in the previous post so m0rph3us can see what he's up against.

[Jamie Chapman]

@M0RPH3US, not sure if you are able to install Android Studio, but if you can it comes with a whole virtual machine environment for running Android operating systems for testing. 

I'm still more than happy to help if you prefer to do the scripting and coding blind, but I figured it might be easier for you if you could see it for yourself live, as you make the tweaks.

Some screenshots from my Google TV 14 virtual machine instance. The screenshot showing Jellyfin with the media bar displayed is a sideloaded Jellyfin for Android 2.6.2 apk (the version on the Play Store) in the Android TV virtual machine. 

   

   

[M0RPH3US]

@M0RPH3US, not sure if you are able to install Android Studio, but if you can it comes with a whole virtual machine environment for running Android operating systems for testing. 

I'm still more than happy to help if you prefer to do the scripting and coding blind, but I figured it might be easier for you if you could see it for yourself live, as you make the tweaks.

Some screenshots from my Google TV 14 virtual machine instance. The screenshot showing Jellyfin with the media bar displayed is a sideloaded Jellyfin for Android 2.6.2 apk (the version on the Play Store) in the Android TV virtual machine. 

Added initial Landscape support. Check out the fullscreen css, as of now update only pushed for the fullscreen. 

Though this was blind, but I will try out android studio going forward. Thanks for the info.

---

Update: A major bug was quashed in the JS, which prevented any new logins into Jellyfin. Please change your JS to the newly updated one.

[Kilo11]

So checking with the newest version; it works on WebOS! I didn't realize it's a web wrapper but as of the current version of the plugin I can verify it does work, if not a bit finicky (gotta use the Wiimote style motion sensing remote to be able to properly interact with the Media Bar).

I will work on sideloading non Android TV version of the Jellyfin app onto the Sony Bravia TV to try there.

[Rubén Navarro López]

hey!! I tested the last version and now I have a bug with "play" button.

Anyone with the same bug?

Also, tested for the first time fullscreen and the top doesn't cover, dunno why...


EDIT: The play button bug was for the zombie theme, changed for now.

EDIT2: Tested the zesty theme and everything is working, but still a bit of top without being filled

[M0RPH3US]

hey!! I tested the last version and now I have a bug with "play" button.

Anyone with the same bug?

Also, tested for the first time fullscreen and the top doesn't cover, dunno why...


EDIT: The play button bug was for the zombie theme, changed for now.

EDIT2: Tested the zesty theme and everything is working, but still a bit of top without being filled

You are using an old version of zombie. Try this.

Code:

@import url(https://cdn.jsdelivr.net/gh/MakD/zombie-release@main/pre-release/wip.css);

[Rubén Navarro López]

Hey!

The mobile view is perfect. The PC Version it's like too big, I mean "My media", "Next"...

Anyway, is on the right way, the top notch is filled up with the media bar now and the colours are very nice.

[Jamie Chapman]

@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.