Jellyfin Forum
Jellyfin Media Bar - Printable Version

+- Jellyfin Forum (https://forum.jellyfin.org)
+-- Forum: Development (https://forum.jellyfin.org/f-development)
+--- Forum: Plugin Development (https://forum.jellyfin.org/f-plugin-development)
+--- Thread: Jellyfin Media Bar (/t-jellyfin-media-bar)

Pages: 1 2 3 4 5 6 7 8 9 10 11 12


RE: Jellyfin Media Bar - M0RPH3US - 2025-03-16

Release 2.0 (Needs both JS and CSS to be replaced)

  1. Fixed Bar overlapping in the Favorites Tab
  2. Presenting On-Demand Fetch, reduced API calls
  3. Fixed Initial Login Failures
  4. Added support for multiple servers
  5. Rewrote Cred fetches. This should result in fewer errors.
  6. Minor QOL Redesign

Web




RE: Jellyfin Media Bar - M0RPH3US - 2025-03-16

Mobile




RE: Jellyfin Media Bar - Jamie Chapman - 2025-03-16

(2025-03-15, 07:06 PM)Druidblack Wrote: Yes, I use the plugin "SkinManager2.0.2.0" in this plugin I use the theme "Ultrachromic"

After you said that the problem may be in the theme that I use. I decided to check it out. It turned out that in the "Ultrachromic" theme, the "Transparent Top Bar" option breaks the plug-in.

I tried to enable another theme from the plugin. As a result, the media bar appeared at the bottom of the screen and covered the library menu. Just for information.

After disabling the "Transparent Top Bar", the Ultrachromic theme stopped looking bad.

After experimenting with transparency, I found a way out of this situation.

I disabled the "Transparent Top Bar" and added the following code to the Custom CSS code:

Code:
.skinHeader-withBackground {
    background-color: transparent;
}

.force-scroll {
    overflow-y: auto;
    overflow-x: auto;
}

[Image: NZNNUes.jpg]


Now the top menu on the main page is transparent and does not interfere with the media bar. In this case, the color of the top menu does not change only in the settings menu. But it doesn't really interfere with the appearance.

I deleted it from the original theme code.

Code:
[color=#e8e6e3]/*Pages the have single unit height taskbar*/
@media all and (min-width: 100em){
  #indexPage,
  #moviesPage,
  #tvRecommendedPage,
  #musicRecommendedPage {
    margin-top: 68px;
    padding-top: 0px !important;
    overflow-y: scroll;
  }
}
/*Pages the have two unit height taskbar*/
@media all and (max-width: 100em){
  #indexPage,
  #moviesPage,
  #tvRecommendedPage,
  #musicRecommendedPage {
    margin-top: 130px;
    padding-top: 0.5em !important;
    overflow-y: scroll;
  }
}[/color]
I had the same issue as what you see here. Thanks for these notes, now I can go tune it without having to dig!


RE: Jellyfin Media Bar - Druidblack - 2025-03-20

You can do something about centering the logo and zooming it. Now you can see that the logo is pulled to the upper-left corner and the scale does not change, but remains in accordance with the resolution of the logo image.

Moreover, you also need to rely on what screen resolution to view it at. I've tried it on three different resolutions, but it looks bad everywhere right now.

It would probably be better if the logo did not go beyond the black background.


[Image: TTB8IRt.gif]


RE: Jellyfin Media Bar - M0RPH3US - 2025-03-25

Sneak Peek




RE: Jellyfin Media Bar - M0RPH3US - 2025-03-27

v3.0.0 Released

Now with favorite toggle functionality. 

Just putting it out here, you no longer need to download the files, since using CDN to deliver, you can remove the edits and plug this in your index.html just before </head>

Code:
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/MakD/Jellyfin-Media-Bar@latest/slideshowpure.css" />
    <script async src="https://cdn.jsdelivr.net/gh/MakD/Jellyfin-Media-Bar@latest/slideshowpure.js"></script>



RE: Jellyfin Media Bar - egn - 2025-03-28

(2025-03-27, 05:54 AM)M0RPH3US Wrote: Now with favorite toggle functionality. 

Great work! Thanx!


RE: Jellyfin Media Bar - Druidblack - 2025-03-30

In recent versions of the panel, the play button has started responding to the use of themes in jf. Previously, the panel buttons did not respond to themes. Now, due to the rounding of the elements, the play button becomes oval. There is a way to make the buttons not react to the situation.?
[Image: Hyvli36.jpg]
[Image: WapVIWS.jpg]

https://cdn.jsdelivr.net/gh/CTalvio/Ultrachromic/rounding_circlehover.css
This file in the theme is responsible for rounding up the elements.


RE: Jellyfin Media Bar - egn - 2025-04-01

(2025-03-09, 07:29 AM)M0RPH3US Wrote: 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.

Sorry for late response.

I find this feature very useful, because I have thousends of recordings, which I have never seen. And sometimes I just view the slides a few minutes, and when something interesting appears I add them to the Favourits. It doesn't matter when the disappear after being viewed. I then scan through the favourits, view an interesting one, and remove it from the favourites afterward. 

A further improvement for me would be if the ones marked as favourites would also disappear, and also some random recordings that were viewed should reappear, may be to be viewed again.

Great work so far.


RE: Jellyfin Media Bar - Rubén Navarro López - 2025-04-01

First of all, thank you for all your work, it's amazing!

Is there any possibility to skip the media that doesn't have logo?

Thanks!