diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html b/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html index 8746922..b1b0039 100644 --- a/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html +++ b/Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html @@ -52,9 +52,9 @@ -
Show video trailers as background if available.
Adds a +
Show trailers as background if available.
Adds a mute/unmute and pause/play button to control the video in the right top corner.
@@ -69,7 +69,7 @@
Allow video playback on mobile devices.
@@ -80,7 +80,7 @@ Show Trailer Button
Display a button to open trailer in modal. Only visible if - trailer is not set as backdrop.
+ trailer is not set as backdrop or if no trailer is available. @@ -153,8 +153,17 @@ name="SlideAnimationEnabled" /> Enable Slide Animations -
Enable the zooming-in effect when a new slide is - shown. Attention: This may cause performance issues on weaker client hardware.
+
Enable the zooming-in effect on background images when a new slide is + shown (does not affect trailer backdrops). Attention: This may cause performance issues on weaker client hardware.
+ +
+ +
If enabled, users will see a media bar icon in the header to + override settings (like disabling the bar or video backdrops) locally on their device.
-
- -
If enabled, users will see a media bar icon in the header to - override settings (like disabling the bar or video backdrops) locally on their device.
-

Time Settings

Leave a setting blank to use the default value.

diff --git a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js index ea34521..1d939e1 100644 --- a/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js +++ b/Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js @@ -3026,12 +3026,12 @@ const MediaBarEnhancedSettingsManager = { popup.style.top = `${rect.bottom + 10}px`; const settings = [ - { key: 'enabled', label: 'Enable Media Bar', description: 'Toggle the entire media bar visibility.', default: true }, - { key: 'videoBackdrops', label: 'Enable Video Backdrops', description: 'Play trailers as background videos.', default: CONFIG.enableVideoBackdrop }, - { key: 'trailerButton', label: 'Show Trailer Button', description: 'Show button to play trailers in popup on non Video backdrops.', default: CONFIG.showTrailerButton }, - { key: 'mobileVideo', label: 'Enable Mobile Video', description: 'Allow video backdrops on mobile devices.', default: CONFIG.enableMobileVideo }, + { key: 'enabled', label: 'Enable Media Bar Enhanced', description: 'Toggle the entire media bar visibility.', default: true }, + { key: 'videoBackdrops', label: 'Enable Trailer Backdrops', description: 'Play trailers as background videos.', default: CONFIG.enableVideoBackdrop }, + { key: 'trailerButton', label: 'Show Trailer Button', description: 'Show button to play trailer in popup (backdrops without trailer)', default: CONFIG.showTrailerButton }, + { key: 'mobileVideo', label: 'Enable Trailer On Mobile', description: 'Allow trailer backdrops on mobile devices.', default: CONFIG.enableMobileVideo }, { key: 'waitForTrailer', label: 'Wait For Trailer To End', description: 'Wait for the trailer to finish before changing slides.', default: CONFIG.waitForTrailerToEnd }, - { key: 'slideAnimations', label: 'Enable Animations', description: 'Enable transition animations between slides.', default: CONFIG.slideAnimationEnabled }, + { key: 'slideAnimations', label: 'Enable Animations', description: 'Enable zooming-in effect on background images', default: CONFIG.slideAnimationEnabled }, ]; let html = '

Media Bar Settings

';