Jellyfin Media Bar

[Ted Hinklater]

https://github.com/MakD/Jellyfin-Media-B...owpure.css

play / detail button colours are line 320 & 324 respectively, arrows are line 373

[Jamie Chapman]

I'm new to this forum, I don't know how to insert a photo in the answer, it asks me for a web address and I don't know how to do it

Posting messages can be a little confusing, especially with pictures. I totally agree. 

The easiest way to post screenshots is using the full Post editor, and linking attachments at the bottom of this page. Example screenshot is attached. 

   

The web link that you need to provide to insert an image directly into the body of a post is a little more difficult if you don't have access to a web server that provides anonymous access to content, such as pictures and video. Definitely not a big deal, since the attachment feature works just as well, and tends to be less "loud" (inserted web links show the pictures at a very high resolution, and they tend to consume the content of the post. Great for showing off nice pics, I suppose)

[Jamie Chapman]

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.

Just saw the latest updates, and pulled them in. Portrait mode on mobile looks incredible, as does landscape.

I know this is a WIP at the moment. Looks like browsers are back to a minor alignment issue near the bottom edge. The same problem does not show up in JMP. See screenshots.

       

[Yummy_rad]

Does this work with iOS clients running the jellyfin app?
I’ve tried installing the plugin following instructions but I don’t see anything. In plugins I see media bar is status active (2.2.2.0), while file transformations appears twice. One says status restart (2.2.0.0) and the other says status malfunctioned (2.1.0). I’ve restarted jellyfin from within portainer.

[egn]

Great Work!
I first used the patch, but now I use the plugins.

The only drawbacks for full screen I see currently is that the vertical space between the slides and the media bar is very large. The media bar should be just below the slides.

Note regarding restart:
When restarting by using the admin GUI it seems to be that it isn't restarting. But it then runs when I start the service from task manager.

In log file I see the following messages:

Code:

[2025-03-04 09:41:54.365 +01:00] [FTL] [54] Main: Error while starting server
System.Threading.Tasks.TaskCanceledException: A task was canceled.
  at Jellyfin.Plugin.MediaBar.Services.NamedPipeService.StopAsync(CancellationToken cancellationToken) in /opt/buildagent/work/d1b05955f2cfe92/src/Jellyfin.Plugin.MediaBar/Services/NamedPipeService.cs:line 25
  at Microsoft.Extensions.Hosting.Internal.Host.ForeachService[T](IEnumerable`1 services, CancellationToken token, Boolean concurrent, Boolean abortOnFirstException, List`1 exceptions, Func`3 operation)
  at Microsoft.Extensions.Hosting.Internal.Host.StopAsync(CancellationToken cancellationToken)
  at Microsoft.Extensions.Hosting.HostingAbstractionsHostExtensions.WaitForShutdownAsync(IHost host, CancellationToken token)
  at Jellyfin.Server.Program.StartServer(IServerApplicationPaths appPaths, StartupOptions options, IConfiguration startupConfig)

[aar026]

Seems like the latest update broke the plugin for me. I have removed, reinstalled, and readded the repo. On all of my devices and browsers the media bar is not visible. If I zoom out, it out of scroll reach - the very top of the first visible section. The modular settings no longer loads.



App Version:
10.10.6
Version:
1.1.19

[M0RPH3US]

Published release v1.0.0 at https://github.com/MakD/Jellyfin-Media-Bar

Major changes -

1. No files require any modifications now apart from index.html. Existing manual installation users will have to roll back to the stock files to install v1.0. Plugin Users will get a seamless update.
2. All bugs with SPA navigation has been quashed.
3. More loading optimizations.

[Jolaru21]

Hii! For some reason in the mobile app is not working well.

Can't share a screenshot right now, but doesn't matter the menu that I enter, the jellyfin media bar is always present.

I'm android user. Throught web it's working in my mobile phone tho.

EDIT: on PC client is not working either. at least for me

EDIT 2: I deleted both apps, reinstalled and now it's working. Cache problem.

[egn]

Hi,

I have a small feature request.

Would it be possible to add the favorite and the viewed button additional to the info and play button. This would speed up setting both flags.

Cheers Emil

[M0RPH3US]

Hi,

I have a small feature request.

Would it be possible to add the favorite and the viewed button additional to the info and play button. This would speed up setting both flags.

Cheers Emil

Currently how it works is it shows only the unwatched items out of the library access a specific user has. So, watched function would be redundant. But I can try and work on getting the favorite button. But again, if something isn't watched, will it make sense to add a favourite, because as soon as it's watched it gets removed from the bar.

Need inputs here.