Update manifest.json for release v1.7.1.14 [skip ci]

Jellyfin.Plugin.MediaBarEnhanced/Configuration/PluginConfiguration.cs

@@ -15,6 +15,8 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Configuration
         public int MaxMovies { get; set; } = 15;
         public int MaxTvShows { get; set; } = 15;
         public int MaxItems { get; set; } = 500;
+        public int MaxParentalRating { get; set; } = 0;
+        public int MaxDaysRecent { get; set; } = 0;
         public int PreloadCount { get; set; } = 3;
         public int FadeTransitionDuration { get; set; } = 500;
         public int MaxPaginationDots { get; set; } = 15;
@@ -34,10 +36,12 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Configuration
         public bool EnableLoadingScreen { get; set; } = true;
         public bool EnableKeyboardControls { get; set; } = true;
         public bool AlwaysShowArrows { get; set; } = false;
+        public bool HideArrowsOnMobile { get; set; } = true;
         public string CustomMediaIds { get; set; } = "";
         public bool EnableCustomMediaIds { get; set; } = true;
         public string PreferredVideoQuality { get; set; } = "Auto";
         public bool EnableSeasonalContent { get; set; } = false;
+        public bool ExcludeSeasonalContent { get; set; } = true;
         public string SeasonalSections { get; set; } = "[]";
         public bool IsEnabled { get; set; } = true;
         public bool EnableClientSideSettings { get; set; } = false;
@@ -45,5 +49,9 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Configuration
         public bool IncludeWatchedContent { get; set; } = false;
         public string SortBy { get; set; } = "Random";
         public string SortOrder { get; set; } = "Ascending";
+        
+        public bool EnableCustomOverlay { get; set; } = false;
+        public string CustomOverlayText { get; set; } = "";
+        public string CustomOverlayImageUrl { get; set; } = "";
     }
 }

Jellyfin.Plugin.MediaBarEnhanced/Configuration/configPage.html

@@ -78,7 +78,7 @@
                             <div class="fieldDescription">If enabled, local backdrop videos (Theme Videos) will be
                                 preferred over remote and local trailers.</div>
                         </div>
-                        <div class="checkboxContainer checkboxContainer-withDescription">
+                        <div class="checkboxContainer checkboxContainer-withDescription" id="WaitForTrailerToEndContainer">
                             <label>
                                 <input is="emby-checkbox" type="checkbox" id="WaitForTrailerToEnd"
                                     name="WaitForTrailerToEnd" />
@@ -86,7 +86,7 @@
                             </label>
                             <div class="fieldDescription">Delay slide transition until trailer finishes.</div>
                         </div>
-                        <div class="checkboxContainer checkboxContainer-withDescription">
+                        <div class="checkboxContainer checkboxContainer-withDescription" id="EnableMobileVideoContainer">
                             <label>
                                 <input is="emby-checkbox" type="checkbox" id="EnableMobileVideo"
                                     name="EnableMobileVideo" />
@@ -100,8 +100,8 @@
                                     name="ShowTrailerButton" />
                                 <span>Show Trailer Button</span>
                             </label>
-                            <div class="fieldDescription">Display a button to open trailer in modal. Only visible if
+                            <div class="fieldDescription">Display a button to open trailer in modal. Button only
-                                trailer is not set as backdrop or if no trailer is available.</div>
+                                visible if trailer is not set as backdrop.</div>
                         </div>
                     </div>
 
@@ -184,6 +184,14 @@
                                 Custom Media IDs above or random selection are used as fallback.</div>
                         </div>
                         <div id="seasonalContentContainer" style="display: none;">
+                            <div class="checkboxContainer checkboxContainer-withDescription">
+                                <label>
+                                    <input is="emby-checkbox" type="checkbox" id="ExcludeSeasonalContent"
+                                        name="ExcludeSeasonalContent" />
+                                    <span>Exclude Seasonal Content from Random Lists</span>
+                                </label>
+                                <div class="fieldDescription">When enabled, any items defined in your Seasonal Sections below will be explicitly excluded from being shown when the plugin pulls random items from your library.</div>
+                            </div>
 
                             <div
                                 style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin: 1.5em 0; display: flex; align-items: center; gap: 1em;">
@@ -204,6 +212,29 @@
 
                     <!-- ADVANCED TAB -->
                     <div id="media-bar-enhanced-advanced" class="tab-content" style="display:none;">
+                        <h2 class="sectionTitle">Custom Slideshow Overlay</h2>
+                        <p>Inject a custom text or floating image over the slideshow. This can be overridden by specific Seasonal Sections.</p>
+                        
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label>
+                                <input is="emby-checkbox" type="checkbox" id="EnableCustomOverlay" name="EnableCustomOverlay" />
+                                <span>Enable Custom Overlay</span>
+                            </label>
+                            <div class="fieldDescription">If enabled, the text or image below will hover over the slideshow globally.</div>
+                        </div>
+
+                        <div class="inputContainer">
+                            <input is="emby-input" type="text" id="CustomOverlayText" name="CustomOverlayText" />
+                            <div class="fieldDescription">Text to display on the overlay (e.g. "Movie Night!"). Leave blank to use an image instead.</div>
+                        </div>
+
+                        <div class="inputContainer">
+                            <input is="emby-input" type="text" id="CustomOverlayImageUrl" name="CustomOverlayImageUrl" />
+                            <div class="fieldDescription">Absolute URL to an image to display on the overlay. If provided, this overrides the text.</div>
+                        </div>
+
+                        <hr style="max-width: 800px; margin: 1em 0;">
+
                         <h2 class="sectionTitle">Features</h2>
                         <div class="checkboxContainer checkboxContainer-withDescription">
                             <label>
@@ -291,16 +322,23 @@
                                 <span>Enable Loading Screen</span>
                             </label>
                             <div class="fieldDescription">Show a loading screen while the slideshow initializes. (You
-                                may have to reload the page twice)</div>
+                                may have to reload the page twice (after changing this setting) to take effect)</div>
                         </div>
                         <div class="checkboxContainer checkboxContainer-withDescription">
                             <label>
                                 <input is="emby-checkbox" type="checkbox" id="AlwaysShowArrows"
                                     name="AlwaysShowArrows" />
-                                <span>Always Show Arrows</span>
+                                <span>Always Show Arrow Navigation Buttons</span>
                             </label>
-                            <div class="fieldDescription">If enabled, navigation arrows will always be visible instead
+                            <div class="fieldDescription">Force the UI arrow navigation buttons to always be visible instead of only when hovered.</div>
-                                of only on hover.</div>
+                        </div>
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label>
+                                <input is="emby-checkbox" type="checkbox" id="HideArrowsOnMobile"
+                                    name="HideArrowsOnMobile" />
+                                <span>Hide Arrows on Mobile</span>
+                            </label>
+                            <div class="fieldDescription">Completely disable the navigation arrows on mobile devices (since swiping is available).</div>
                         </div>
                         <div class="checkboxContainer checkboxContainer-withDescription">
                             <label>
@@ -312,6 +350,7 @@
                                 Space (pause), M (mute/unmute)) for
                                 the slideshow.</div>
                         </div>
+                        <hr style="max-width: 800px; margin: 1em 0;">
 
                         <h2 class="sectionTitle">Time Settings</h2>
                         <p>Leave a setting blank to use the default value.</p>
@@ -355,8 +394,9 @@
                             <div class="fieldDescription">Minimum distance in pixels for a swipe to be registered (for
                                 mobile).</div>
                         </div>
+                        <hr style="max-width: 800px; margin: 1em 0;">
 
-                        <h2 class="sectionTitle">Content Sorting</h2>
+                        <h2 class="sectionTitle">Content Sorting and Filtering</h2>
                         <div class="selectContainer">
                             <label class="selectLabel" for="SortBy">Sort By</label>
                             <select is="emby-select" id="SortBy" name="SortBy"
@@ -387,6 +427,26 @@
                             <b>Note:</b> Sorting settings apply to both Server content and Custom IDs. 'Original'
                             preserves Custom List order.
                         </div>
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused" for="MaxParentalRating">Max Parental Rating (Age Limit)</label>
+                            <input is="emby-input" type="number" id="MaxParentalRating" name="MaxParentalRating" />
+                            <div class="fieldDescription">Items exceeding this age rating will not be shown. Leave blank or set to 0 for no limit. Examples: 12, 16, 18.</div>
+                        </div>
+                        <div class="inputContainer">
+                            <label class="inputLabel inputLabelUnfocused" for="MaxDaysRecent">Max Days Recent</label>
+                            <input is="emby-input" type="number" id="MaxDaysRecent" name="MaxDaysRecent" />
+                            <div class="fieldDescription">Only show items added in the last X days. Leave blank or set to 0 for no limit. Example: 30.</div>
+                        </div>
+                        <div class="checkboxContainer checkboxContainer-withDescription">
+                            <label>
+                                <input is="emby-checkbox" type="checkbox" id="IncludeWatchedContent"
+                                    name="IncludeWatchedContent" />
+                                <span>Include Watched Content</span>
+                            </label>
+                            <div class="fieldDescription">If enabled, watched content will be included in the random
+                                selection results.</div>
+                        </div>
+                        <hr style="max-width: 800px; margin: 1em 0;">
 
                         <h2 class="sectionTitle">Content Limits</h2>
                         <p>Leave a setting blank to use the default value.</p>
@@ -417,7 +477,7 @@
                             <label>
                                 <input is="emby-checkbox" type="checkbox" id="ShowPaginationDots"
                                     name="ShowPaginationDots" />
-                                <span>Show Pagination Dots</span>
+                                <span>Show Pagination Dots/Counter</span>
                             </label>
                             <div class="fieldDescription">Show or hide the pagination dots/counter navigation at the
                                 bottom of the slideshow.</div>
@@ -436,15 +496,6 @@
                             <input is="emby-input" type="number" id="MaxPlotLength" name="MaxPlotLength" />
                             <div class="fieldDescription">Maximum characters for the plot summary.</div>
                         </div>
-                        <div class="checkboxContainer checkboxContainer-withDescription">
-                            <label>
-                                <input is="emby-checkbox" type="checkbox" id="IncludeWatchedContent"
-                                    name="IncludeWatchedContent" />
-                                <span>Include Watched Content</span>
-                            </label>
-                            <div class="fieldDescription">If enabled, watched content will be included in the random
-                                selection results.</div>
-                        </div>
                     </div>
 
                     <div
@@ -505,7 +556,9 @@
                             'EnableSeasonalContent', 'EnableClientSideSettings', 'SortBy', 'SortOrder',
                             'PreferLocalTrailers', 'ApplyLimitsToCustomIds', 'SeasonalSections',
                             'PreferLocalBackdrops', 'RandomizeThemeVideos', 'RandomizeLocalTrailers',
-                            'IncludeWatchedContent', 'ShowPaginationDots'
+                            'IncludeWatchedContent', 'ShowPaginationDots', 'MaxParentalRating',
+                            'MaxDaysRecent', 'ExcludeSeasonalContent', 'HideArrowsOnMobile',
+                            'EnableCustomOverlay', 'CustomOverlayText', 'CustomOverlayImageUrl'
                         ];
 
                         // Manual mapping for MediaBarIsEnabled -> IsEnabled, to avoid conflicts with other plugins
@@ -563,14 +616,20 @@
                         var enableVideoBackdropCheckbox = page.querySelector('#EnableVideoBackdrop');
                         var preferLocalContainer = page.querySelector('#PreferLocalTrailersContainer');
                         var preferLocalBackdropsContainer = page.querySelector('#PreferLocalBackdropsContainer');
+                        var waitForTrailerContainer = page.querySelector('#WaitForTrailerToEndContainer');
+                        var enableMobileVideoContainer = page.querySelector('#EnableMobileVideoContainer');
 
                         function updatePreferLocalVisibility() {
                             if (enableVideoBackdropCheckbox && enableVideoBackdropCheckbox.checked) {
                                 if (preferLocalContainer) preferLocalContainer.style.display = 'block';
                                 if (preferLocalBackdropsContainer) preferLocalBackdropsContainer.style.display = 'block';
+                                if (waitForTrailerContainer) waitForTrailerContainer.style.display = 'block';
+                                if (enableMobileVideoContainer) enableMobileVideoContainer.style.display = 'block';
                             } else {
                                 if (preferLocalContainer) preferLocalContainer.style.display = 'none';
                                 if (preferLocalBackdropsContainer) preferLocalBackdropsContainer.style.display = 'none';
+                                if (waitForTrailerContainer) waitForTrailerContainer.style.display = 'none';
+                                if (enableMobileVideoContainer) enableMobileVideoContainer.style.display = 'none';
                             }
                         }
 
@@ -609,7 +668,9 @@
                         'EnableSeasonalContent', 'EnableClientSideSettings', 'SortBy', 'SortOrder',
                         'PreferLocalTrailers', 'ApplyLimitsToCustomIds', 'SeasonalSections',
                         'PreferLocalBackdrops', 'RandomizeThemeVideos', 'RandomizeLocalTrailers',
-                        'IncludeWatchedContent', 'ShowPaginationDots'
+                        'IncludeWatchedContent', 'ShowPaginationDots', 'MaxParentalRating',
+                        'MaxDaysRecent', 'ExcludeSeasonalContent', 'HideArrowsOnMobile',
+                        'EnableCustomOverlay', 'CustomOverlayText', 'CustomOverlayImageUrl'
                     ];
 
                     keys.forEach(function (key) {
@@ -645,7 +706,9 @@
                         Name: 'New Season',
                         StartDay: 1, StartMonth: 1,
                         EndDay: 1, EndMonth: 1,
-                        MediaIds: ''
+                        MediaIds: '',
+                        OverlayText: '',
+                        OverlayImageUrl: ''
                     }, index);
                 },
 
@@ -706,6 +769,14 @@
                         '    <label class="inputLabel" style="margin-bottom:0.5em; display:block;">Media IDs</label>' +
                         '    <textarea is="emby-textarea" class="emby-textarea section-ids" style="width: 100%; height: 80px; font-family: monospace;">' + (data.MediaIds || '') + '</textarea>' +
                         '    <div class="fieldDescription">Comma-separated or Newline separated list of Movie/Series/Collection IDs to show during this season.<br>Same options available as for the default media IDs.</div>' +
+                        '</div>' + 
+                        '<div class="inputContainer" style="margin-top: 1em;">' +
+                        '    <input is="emby-input" type="text" class="emby-input section-overlay-text" style="width: 100%;" value="' + (data.OverlayText ? data.OverlayText.replace(/"/g, '&quot;') : '') + '" placeholder="Seasonal Custom Overlay Text (e.g. Oscars Time!)" />' +
+                        '    <div class="fieldDescription">Optional: Override the global custom overlay text during this season.</div>' +
+                        '</div>' + 
+                        '<div class="inputContainer">' +
+                        '    <input is="emby-input" type="text" class="emby-input section-overlay-image" style="width: 100%;" value="' + (data.OverlayImageUrl ? data.OverlayImageUrl.replace(/"/g, '&quot;') : '') + '" placeholder="Seasonal Custom Overlay Image URL" />' +
+                        '    <div class="fieldDescription">Optional: Override the global custom overlay image during this season. Overrides the text if provided.</div>' +
                         '</div>';
 
                     div.querySelector('.btn-remove').addEventListener('click', function () {
@@ -750,7 +821,9 @@
                             StartMonth: parseInt(el.querySelector('.start-month').value),
                             EndDay: parseInt(el.querySelector('.end-day').value),
                             EndMonth: parseInt(el.querySelector('.end-month').value),
-                            MediaIds: el.querySelector('.section-ids').value
+                            MediaIds: el.querySelector('.section-ids').value,
+                            OverlayText: el.querySelector('.section-overlay-text').value,
+                            OverlayImageUrl: el.querySelector('.section-overlay-image').value
                         });
                     });
                     return sections;

Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj

@@ -12,7 +12,7 @@
     <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
     <Title>Jellyfin Media Bar Enhanced Plugin</Title>
     <Authors>CodeDevMLH</Authors>
-    <Version>1.7.1.4</Version>
+    <Version>1.7.1.14</Version>
     <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
   </PropertyGroup>
 

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css

@@ -354,13 +354,13 @@
   width: 100%;
   height: 100%;
   mask-image: linear-gradient(to top,
-      #fff0 2%,
+      rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 6%,
+      rgba(0, 0, 0, 0.5) 6%,
       #000000 8%);
   -webkit-mask-image: linear-gradient(to top,
-      #fff0 2%,
+    rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 6%,
+    rgba(0, 0, 0, 0.5) 6%,
-      #000000 8%);
+    #000000 8%);
 }
 
 .backdrop-container.full-width-video {
@@ -384,13 +384,13 @@
   border-radius: 5px;
   z-index: 3;
   mask-image: linear-gradient(to top,
-      #fff0 2%,
+    rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 6%,
+    rgba(0, 0, 0, 0.5) 6%,
-      #000000 8%);
+    #000000 8%);
   -webkit-mask-image: linear-gradient(to top,
-      #fff0 2%,
+    rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 6%,
+    rgba(0, 0, 0, 0.5) 6%,
-      #000000 8%);
+    #000000 8%);
 }
 
 .backdrop-overlay {
@@ -403,13 +403,13 @@
   border-radius: 5px;
   z-index: 4;
   mask-image: linear-gradient(to top,
-      #fff0 2%,
+    rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 4%,
+    rgba(0, 0, 0, 0.5) 4%,
-      #000000 6%);
+    #000000 6%);
   -webkit-mask-image: linear-gradient(to top,
-      #fff0 2%,
+    rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 4%,
+    rgba(0, 0, 0, 0.5) 4%,
-      #000000 6%);
+    #000000 6%);
 }
 
 .gradient-overlay {
@@ -424,13 +424,13 @@
       rgba(29, 29, 29, 0) 100%);
   z-index: 4;
   mask-image: linear-gradient(to top,
-      #fff0 2%,
+    rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 4%,
+    rgba(0, 0, 0, 0.5) 4%,
-      #000000 6%);
+    #000000 6%);
   -webkit-mask-image: linear-gradient(to top,
-      #fff0 2%,
+    rgba(255, 255, 255, 0) 2%,
-      rgb(0 0 0 / 0.5) 4%,
+    rgba(0, 0, 0, 0.5) 4%,
-      #000000 6%);
+    #000000 6%);
 }
 
 .gradient-overlay.full-width-video {
@@ -525,6 +525,8 @@
   font-family: "Archivo Narrow", sans-serif;
   font-size: 18px;
   white-space: nowrap;
+  background-color: rgb(255, 255, 255);
+  color: rgb(0, 0, 0);
   cursor: pointer;
   transition: all 0.3s ease;
   font-weight: 700;
@@ -535,6 +537,7 @@
 
 .detail-button {
   font-size: 18px;
+  background-color: rgb(255, 255, 255);
   color: rgb(0, 0, 0);
   border-radius: 50%;
   height: 50px;
@@ -547,6 +550,7 @@
 
 .favorite-button {
   font-size: 18px;
+  background-color: rgb(255, 255, 255);
   color: red;
   border-radius: 50%;
   height: 50px;
@@ -662,7 +666,7 @@
   display: flex;
   align-items: center;
   border-radius: 5px;
-  background: rgb(255 255 255 / 0.8);
+  background: rgba(255, 255, 255, 0.8);
   color: #000;
   border: none;
   font-weight: 600;
@@ -712,13 +716,13 @@
     object-position: center 20%;
     z-index: 3;
     mask-image: linear-gradient(to top,
-        #fff0 2%,
+      rgba(255, 255, 255, 0) 2%,
-        rgb(0 0 0 / 0.5) 6%,
+      rgba(0, 0, 0, 0.5) 6%,
-        #000000 8%);
+      #000000 8%);
     -webkit-mask-image: linear-gradient(to top,
-        #fff0 2%,
+      rgba(255, 255, 255, 0) 2%,
-        rgb(0 0 0 / 0.5) 6%,
+      rgba(0, 0, 0, 0.5) 6%,
-        #000000 8%);
+      #000000 8%);
   }
 
   .gradient-overlay {
@@ -727,17 +731,17 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background: rgb(0 0 0 / 0.25);
+    background: rgba(0, 0, 0, 0.25);
     z-index: 4;
     pointer-events: none;
     mask-image: linear-gradient(to top,
-        #fff0 2%,
+      rgba(255, 255, 255, 0) 2%,
-        rgb(0 0 0 / 0.5) 6%,
+      rgba(0, 0, 0, 0.5) 6%,
-        #000000 8%);
+      #000000 8%);
     -webkit-mask-image: linear-gradient(to top,
-        #fff0 2%,
+      rgba(255, 255, 255, 0) 2%,
-        rgb(0 0 0 / 0.5) 6%,
+      rgba(0, 0, 0, 0.5) 6%,
-        #000000 8%);
+      #000000 8%);
   }
 
   .dots-container {
@@ -820,6 +824,26 @@
     .trailer-button {
       padding: 8px 14px;
     }
+
+    .misc-info {
+      flex-wrap: wrap;
+      justify-content: center;
+      gap: 0px 10px;
+    }
+
+    .runTime {
+      width: 100%;
+      justify-content: center;
+      margin-top: 0.5vh;
+    }
+
+    .misc-info .separator-icon:last-of-type {
+      display: none;
+    }
+
+    .genre {
+      top: calc(50% + 16vh);
+    }
   }
 }
 
@@ -988,7 +1012,7 @@
   margin: 0;
 }
 
-.layout-tv .backdrop-container{
+.layout-tv .backdrop-container {
   top: -5%;
 }
 
@@ -1007,3 +1031,75 @@
     -webkit-backdrop-filter: none;
   }
 }
+/* Floating Custom Overlay Styling */
+.custom-overlay-container {
+  position: absolute;
+  top: 8vh;
+  left: 4vw;
+  z-index: 15;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  pointer-events: none; /* Let clicks pass through to the slider */
+  animation: fadeInOverlay 1.5s ease-in-out forwards;
+}
+
+.custom-overlay-text {
+  font-family: "Archivo Narrow", sans-serif;
+  color: #fff;
+  font-size: 2.5rem;
+  font-weight: 700;
+  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8), -1px -1px 4px rgba(0, 0, 0, 0.5);
+  margin: 0;
+  letter-spacing: 1px;
+}
+
+.custom-overlay-image {
+  max-width: 300px;
+  max-height: 120px;
+  object-fit: contain;
+  filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.5));
+}
+
+@keyframes fadeInOverlay {
+  from {
+    opacity: 0;
+    transform: translateY(-10px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+/* Make it smaller on mobile portrait */
+@media only screen and (max-width: 767px) and (orientation: portrait) {
+  .custom-overlay-container {
+    top: 5vh;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 90%;
+    justify-content: center;
+    text-align: center;
+  }
+  
+  .custom-overlay-text {
+    font-size: 1.8rem;
+  }
+  
+  .custom-overlay-image {
+    max-width: 200px;
+    max-height: 80px;
+  }
+
+  @keyframes fadeInOverlay {
+    from {
+      opacity: 0;
+      transform: translate(-50%, -10px);
+    }
+    to {
+      opacity: 1;
+      transform: translate(-50%, 0);
+    }
+  }
+}

Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js

@@ -39,6 +39,8 @@ const CONFIG = {
   fadeTransitionDuration: 500,
   maxPaginationDots: 15,
   showPaginationDots: true,
+  maxParentalRating: null,
+  maxDaysRecent: null,
   slideAnimationEnabled: true,
   enableVideoBackdrop: true,
   useSponsorBlock: true,
@@ -55,6 +57,10 @@ const CONFIG = {
   preferredVideoQuality: "Auto",
   enableKeyboardControls: true,
   alwaysShowArrows: false,
+  hideArrowsOnMobile: true,
+  enableCustomOverlay: false,
+  customOverlayText: "",
+  customOverlayImageUrl: "",
   enableCustomMediaIds: true,
   enableSeasonalContent: false,
   customMediaIds: "",
@@ -64,6 +70,7 @@ const CONFIG = {
   sortOrder: "Ascending",
   applyLimitsToCustomIds: false,
   seasonalSections: "[]",
+  excludeSeasonalContent: true,
   isEnabled: true,
 };
 
@@ -745,7 +752,7 @@ const SlideUtils = {
     if (isYoutube && videoId) {
       const ytIframe = this.createElement('iframe', {
         id: 'modal-yt-player',
-        src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`,
+        src: `https://www.youtube-nocookie.com/embed/${videoId}?autoplay=1&controls=1&iv_load_policy=3&rel=0&playsinline=1`,
         allow: 'autoplay; encrypted-media',
         style: 'width: 100%; height: 100%; border: none;',
         referrerpolicy: 'strict-origin-when-cross-origin',
@@ -755,20 +762,6 @@ const SlideUtils = {
       contentContainer.appendChild(ytIframe);
       overlay.append(closeButton, contentContainer);
       document.body.appendChild(overlay);
-
-      this.loadYouTubeIframeAPI().then(() => {
-        new YT.Player(ytIframe, {
-          playerVars: {
-            autoplay: 1,
-            controls: 1,
-            iv_load_policy: 3,
-            rel: 0,
-            playsinline: 1,
-            origin: window.location.origin,
-            enablejsapi: 1
-          }
-        });
-      });
     } else {
       const video = this.createElement('video', {
         src: url,
@@ -776,6 +769,7 @@ const SlideUtils = {
         autoplay: true,
         className: 'video-modal-player'
       });
+      video.setAttribute('playsinline', '');
       contentContainer.appendChild(video);
       overlay.append(closeButton, contentContainer);
       document.body.appendChild(overlay);
@@ -832,7 +826,7 @@ const LocalizationUtils = {
       }
     }
 
-    if (window.ApiClient && STATE.jellyfinData?.accessToken) {
+    if (window.ApiClient && STATE.jellyfinData && STATE.jellyfinData.accessToken) {
       try {
         const userId = window.ApiClient.getCurrentUserId();
         if (userId) {
@@ -842,7 +836,7 @@ const LocalizationUtils = {
           });
           if (userResponse.ok) {
             const userData = await userResponse.json();
-            if (userData.Configuration?.AudioLanguagePreference) {
+            if (userData.Configuration && userData.Configuration.AudioLanguagePreference) {
               locale = userData.Configuration.AudioLanguagePreference.toLowerCase();
             }
           }
@@ -852,7 +846,7 @@ const LocalizationUtils = {
       }
     }
 
-    if (!locale && window.ApiClient && STATE.jellyfinData?.accessToken) {
+    if (!locale && window.ApiClient && (STATE.jellyfinData && STATE.jellyfinData.accessToken)) {
       try {
         const configUrl = window.ApiClient.getUrl('System/Configuration');
         const configResponse = await fetch(configUrl, {
@@ -1027,7 +1021,7 @@ const LocalizationUtils = {
    */
   getLocalizedString(key, fallback, ...args) {
     const locale = this.cachedLocale || 'en-us';
-    let translated = this.translations[locale]?.[key] || fallback;
+    let translated = (this.translations[locale] && this.translations[locale][key]) || fallback;
 
     if (args.length > 0) {
       for (let i = 0; i < args.length; i++) {
@@ -1112,12 +1106,59 @@ const ApiUtils = {
       // Filter by isPlayed=False unless IncludeWatchedContent is enabled
       const playedFilter = CONFIG.includeWatchedContent ? '' : '&isPlayed=False';
       
-      const response = await fetch(
+      let parentalFilter = '';
-        `${STATE.jellyfinData.serverAddress}/Items?IncludeItemTypes=Movie,Series&Recursive=true&hasOverview=true&imageTypes=Logo,Backdrop&${sortParams}${playedFilter}&enableUserData=true&Limit=${CONFIG.maxItems}&fields=Id`,
+      if (CONFIG.maxParentalRating) {
-        {
+        parentalFilter = `&MaxOfficialRating=${CONFIG.maxParentalRating}`;
-          headers: this.getAuthHeaders(),
+      }
+
+      let dateFilter = '';
+      if (CONFIG.maxDaysRecent) {
+        const pastDate = new Date();
+        pastDate.setDate(pastDate.getDate() - CONFIG.maxDaysRecent);
+        dateFilter = `&minDateLastSaved=${pastDate.toISOString()}`;
+      }
+      
+      // Exclude seasonal content from random lists
+      let excludeFilter = '';
+      if (CONFIG.excludeSeasonalContent && CONFIG.seasonalSections) {
+        try {
+            const sections = JSON.parse(CONFIG.seasonalSections || "[]");
+            let allExcludedIds = [];
+            
+            for (const section of sections) {
+                if (section.MediaIds) {
+                    const idsInThisSection = section.MediaIds.split(/[\n,]/)
+                        .map((line) => {
+                            const urlMatch = line.match(/\[(.*?)\]/);
+                            let id = line;
+                            if (urlMatch) {
+                                id = line.replace(/\[.*?\]/, '').trim();
+                                const guidMatch = id.match(/([0-9a-f]{32})/i);
+                                if (guidMatch) { id = guidMatch[1]; } else { id = id.split('|')[0].trim(); }
+                            }
+                            return id.trim();
+                        })
+                        .filter((id) => id);
+                    
+                    allExcludedIds.push(...idsInThisSection);
+                }
+            }
+            
+            if (allExcludedIds.length > 0) {
+                 excludeFilter = `&ExcludeItemIds=${allExcludedIds.join(',')}`;
+            }
+        } catch(e) {
+             console.error("🎬 Media Bar:", "Error extracting seasonal IDs for exclusion:", e);
         }
-      );
+      }
+
+      const fetchItems = async (currentDateFilter) => {
+        const url = `${STATE.jellyfinData.serverAddress}/Items?IncludeItemTypes=Movie,Series&Recursive=true&hasOverview=true&imageTypes=Logo,Backdrop&${sortParams}${playedFilter}${parentalFilter}${currentDateFilter}${excludeFilter}&enableUserData=true&Limit=${CONFIG.maxItems}&fields=Id,DateCreated`;
+        const resp = await fetch(url, { headers: this.getAuthHeaders() });
+        return resp;
+      };
+
+      let response = await fetchItems(dateFilter);
 
       if (!response.ok) {
         console.error("🎬 Media Bar:", 
@@ -1126,12 +1167,32 @@ const ApiUtils = {
         return [];
       }
 
-      const data = await response.json();
+      let data = await response.json();
-      const items = data.Items || [];
+      let items = data.Items || [];
 
-      console.log("🎬 Media Bar:", 
+      // Local exact DateCreated filter: minDateLastSaved pulls items that were merely modified recently (e.g. metadata updates)
-        `Successfully fetched ${items.length} random items from server`
+      // explicitly discard them if their actual DateCreated is older than X days
-      );
+      if (CONFIG.maxDaysRecent && dateFilter !== '') {
+        const pastDate = new Date();
+        pastDate.setDate(pastDate.getDate() - CONFIG.maxDaysRecent);
+        items = items.filter(item => {
+            if (!item.DateCreated) return true;
+            return new Date(item.DateCreated) >= pastDate;
+        });
+      }
+
+      // Fallback: If we have a date filter but no items are returned, try again without it
+      if (items.length === 0 && dateFilter !== '') {
+        console.warn("🎬 Media Bar:", `No items found within the last ${CONFIG.maxDaysRecent} days. Falling back to random fetching.`);
+        response = await fetchItems('');
+        
+        if (response.ok) {
+            data = await response.json();
+            items = data.Items || [];
+        }
+      }
+
+      console.log("🎬 Media Bar:", `Successfully fetched ${items.length} random items from server`);
 
       return items.map((item) => item.Id);
     } catch (error) {
@@ -1705,9 +1766,12 @@ const SlideCreator = {
       }
 
       const isLowPower = isLowPowerDevice();
+      const isIOSApp = /iPhone|iPad|iPod/i.test(navigator.userAgent);
+      const limitVideos = isLowPower || isIOSApp;
       const itemIndex = STATE.slideshow.itemIds ? STATE.slideshow.itemIds.indexOf(itemId) : -1;
       const isActiveSlide = itemIndex !== -1 && itemIndex === STATE.slideshow.currentSlideIndex;
-      const shouldCreateVideo = !isLowPower || isActiveSlide;
+      // Limit YouTube iframe bulk creation on low power devices OR iOS (which kills the WebProcess on OOM)
+      const shouldCreateVideo = !limitVideos || isActiveSlide;
 
       if (isYoutube && videoId && shouldCreateVideo) {
         isVideo = true;
@@ -1875,6 +1939,7 @@ const SlideCreator = {
         };
 
         videoAttributes.muted = "";
+        videoAttributes.playsinline = "";
 
         videoBackdrop = SlideUtils.createElement("video", videoAttributes);
         videoBackdrop.volume = 0.4;
@@ -2383,6 +2448,7 @@ const SlideshowManager = {
         previousVisibleSlide.classList.remove("active");
       }
 
+      void currentSlide.offsetWidth;
       currentSlide.classList.add("active");
 
       // Manage Video Playback: Stop others, Play current
@@ -2660,9 +2726,9 @@ const SlideshowManager = {
 
       const totalItems = STATE.slideshow.itemIds.length;
       let distance = Math.abs(index - currentIndex);
-      if (totalItems > keepRange * 2) {
+      
-          distance = Math.min(distance, totalItems - distance);
+      // Always calculate circular distance for slideshow
-      }
+      distance = Math.min(distance, totalItems - distance);
 
       if (distance > keepRange) {
         // Destroy video player if exists
@@ -2732,7 +2798,7 @@ const SlideshowManager = {
 
     if (currentItemId) {
       const currentSlide = document.querySelector(`.slide[data-item-id="${currentItemId}"]`);
-      const video = currentSlide?.querySelector('video');
+      const video = currentSlide ? currentSlide.querySelector('video') : null;
 
       if (video) {
         video.muted = STATE.slideshow.isMuted;
@@ -2892,7 +2958,7 @@ const SlideshowManager = {
     if (!currentSlide) return;
 
     // YouTube player: just resume, don't reload
-    const ytPlayer = STATE.slideshow.videoPlayers?.[currentItemId];
+    const ytPlayer = (STATE.slideshow.videoPlayers && STATE.slideshow.videoPlayers[currentItemId]) ? STATE.slideshow.videoPlayers[currentItemId] : undefined;
     if (ytPlayer && typeof ytPlayer.playVideo === 'function') {
       if (STATE.slideshow.isMuted) {
         if (typeof ytPlayer.mute === 'function') ytPlayer.mute();
@@ -3399,6 +3465,10 @@ const initArrowNavigation = () => {
   container.appendChild(muteButton);
 
   const showArrows = () => {
+    if (CONFIG.hideArrowsOnMobile && window.matchMedia("only screen and (max-width: 768px)").matches) {
+        return; // disable arrow display on mobile
+    }
+
     leftArrow.style.display = "block";
     rightArrow.style.display = "block";
 
@@ -3710,6 +3780,88 @@ const slidesInit = async () => {
     return;
   }
   
+  const renderCustomOverlay = () => {
+    let activeOverlayText = CONFIG.customOverlayText;
+    let activeOverlayImage = CONFIG.customOverlayImageUrl;
+    let isSeasonOverride = false;
+
+    if (CONFIG.enableSeasonalContent && CONFIG.seasonalSections) {
+      try {
+        const sections = JSON.parse(CONFIG.seasonalSections || "[]");
+        const now = new Date();
+        const currentMonth = now.getMonth() + 1;
+        const currentDay = now.getDate();
+
+        for (const section of sections) {
+          const startMonth = parseInt(section.StartMonth);
+          const startDay = parseInt(section.StartDay);
+          const endMonth = parseInt(section.EndMonth);
+          const endDay = parseInt(section.EndDay);
+
+          let isActive = false;
+          if (startMonth === endMonth) {
+            if (currentMonth === startMonth && currentDay >= startDay && currentDay <= endDay) {
+              isActive = true;
+            }
+          } else if (startMonth < endMonth) {
+            if (currentMonth > startMonth && currentMonth < endMonth) {
+              isActive = true;
+            } else if (currentMonth === startMonth && currentDay >= startDay) {
+              isActive = true;
+            } else if (currentMonth === endMonth && currentDay <= endDay) {
+              isActive = true;
+            }
+          } else { // Wraps around year
+            if (currentMonth > startMonth || currentMonth < endMonth) {
+              isActive = true;
+            } else if (currentMonth === startMonth && currentDay >= startDay) {
+              isActive = true;
+            } else if (currentMonth === endMonth && currentDay <= endDay) {
+              isActive = true;
+            }
+          }
+
+          if (isActive) {
+            if (section.OverlayText || section.OverlayImageUrl) {
+                isSeasonOverride = true;
+                if (section.OverlayText) activeOverlayText = section.OverlayText;
+                if (section.OverlayImageUrl) activeOverlayImage = section.OverlayImageUrl;
+            }
+            break;
+          }
+        }
+      } catch (e) {
+        console.error("🎬 Media Bar:", "Error parsing seasonal sections for overlay:", e);
+      }
+    }
+
+    if (!CONFIG.enableCustomOverlay && !isSeasonOverride) {
+      return; 
+    }
+
+    if (!activeOverlayText && !activeOverlayImage) return;
+
+    const overlayContainer = document.createElement("div");
+    overlayContainer.className = "custom-overlay-container";
+
+    if (activeOverlayImage) {
+      const img = document.createElement("img");
+      img.className = "custom-overlay-image";
+      img.src = activeOverlayImage;
+      overlayContainer.appendChild(img);
+    } else if (activeOverlayText) {
+      const p = document.createElement("p");
+      p.className = "custom-overlay-text";
+      p.textContent = activeOverlayText;
+      overlayContainer.appendChild(p);
+    }
+
+    const slidesContainer = document.getElementById("slides-container");
+    if (slidesContainer) {
+      slidesContainer.appendChild(overlayContainer);
+    }
+  };
+  
   if (CONFIG.enableClientSideSettings) {
       MediaBarEnhancedSettingsManager.init();
       const isClientSideEnabled = MediaBarEnhancedSettingsManager.getSetting('enabled', true);
@@ -3808,6 +3960,8 @@ const slidesInit = async () => {
 
     initArrowNavigation();
 
+    renderCustomOverlay();
+
     await SlideshowManager.loadSlideshowData();
 
     SlideshowManager.initTouchEvents();

manifest.json

@@ -9,12 +9,12 @@
     "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
     "versions": [
       {
-        "version": "1.7.1.4",
+        "version": "1.7.1.14",
-        "changelog": "- feat: add option to disable pagination dots/counter\n- fix button issue on mobile when using ElegantFin Theme",
+        "changelog": "- feat: add option to disable pagination dots/counter\n- feat: add exclude seasonal content from random fetching option\n- Add hide arrows on mobile option \n- fix button issue on mobile when using ElegantFin Theme",
         "targetAbi": "10.11.0.0",
-        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.1.4/Jellyfin.Plugin.MediaBarEnhanced.zip",
+        "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.1.14/Jellyfin.Plugin.MediaBarEnhanced.zip",
-        "checksum": "8e7da86aadc1bea0f28c4d5b49109663",
+        "checksum": "d4a115b5e3fd192572e21be8e95c55a7",
-        "timestamp": "2026-03-08T15:58:12Z"
+        "timestamp": "2026-03-09T01:29:55Z"
       },
       {
         "version": "1.7.0.14",

test_scripts/test_direct_date_created.js

@@ -0,0 +1,73 @@
+(async () => {
+    const apiClient = window.ApiClient;
+    if (!apiClient) {
+        console.error("ApiClient not found. Are you logged in?");
+        return;
+    }
+
+    const userId = apiClient.getCurrentUserId();
+    const serverAddress = apiClient.serverAddress();
+
+    const maxDaysRecent = 30; // 30 Tage Limit
+    const pastDate = new Date();
+    pastDate.setDate(pastDate.getDate() - maxDaysRecent);
+    const dateStr = pastDate.toISOString();
+
+    console.log(`\n%c=== TEST: DateCreated Direkt-Abfrage ===`, "color: #00a4dc; font-weight: bold; font-size: 14px;");
+    console.log(`Wir suchen Filme, die nach dem ${dateStr} hinzugefügt wurden.\n`);
+
+    // Wir probieren alle denkbaren Parameter-Schreibweisen aus,
+    // die Jellyfin historisch oder in Forks für "DateCreated" akzeptieren könnte.
+    const testCases = [
+        { name: "MinDateCreated (PascalCase)", param: `MinDateCreated=${dateStr}` },
+        { name: "minDateCreated (camelCase)", param: `minDateCreated=${dateStr}` },
+        { name: "DateCreatedMin", param: `DateCreatedMin=${dateStr}` },
+        { name: "dateCreatedMin", param: `dateCreatedMin=${dateStr}` },
+        { name: "StartDate", param: `StartDate=${dateStr}` },
+        { name: "startDate", param: `startDate=${dateStr}` }
+    ];
+
+    try {
+        for (let i = 0; i < testCases.length; i++) {
+            const test = testCases[i];
+            const apiUrl = `${serverAddress}/Items?IncludeItemTypes=Movie,Series&Recursive=true&enableUserData=true&Limit=5&fields=Id,DateCreated&userId=${userId}&${test.param}`;
+            
+            console.log(`%cTest ${i+1}: ${test.name}`, "color: yellow;");
+            console.log(`URL: ${apiUrl}`);
+
+            const response = await fetch(apiUrl, {
+                headers: {
+                    Authorization: `MediaBrowser Client="${apiClient.appName()}", Device="${apiClient.deviceName()}", DeviceId="${apiClient.deviceId()}", Version="${apiClient.appVersion()}", Token="${apiClient.accessToken()}"`
+                }
+            });
+
+            if (!response.ok) {
+                 console.error(`-> ❌ HTTP Fehler: ${response.status}`);
+                 continue;
+            }
+
+            const data = await response.json();
+            const items = data.Items || [];
+            
+            // Zur Auswertung: Wenn die Abfrage ignoriert wird, liefert er oft ALLE (hier max 5) zurück.
+            // Filtert er wirklich, sollten es WENIGER als 5, und zwar im besten Fall genau die RICHTIGEN sein.
+            console.log(`-> Ergebnis: ${items.length} Items zurückgeliefert.`);
+            
+            if (items.length > 0) {
+                // Wir checken, ob die zurückgelieferten Items WIRKLICH neu sind
+                const oldItems = items.filter(item => new Date(item.DateCreated) < pastDate);
+                if (oldItems.length > 0) {
+                     console.log(`   ❌ Filter FEHLGESCHLAGEN: Es wurden ${oldItems.length} "alte" Filme zurückgegeben (z.B. ${oldItems[0].Name}). Er ignoriert also den Parameter.`);
+                } else {
+                     console.log(`   ✅ Filter KÖNNTE funktionieren: Alle zurückgegebenen Filme sind neuer als unser Datum! (Erster: ${items[0].Name})`);
+                }
+            } else {
+                 console.log(`   ❓ Keine Items gefunden (entweder strenger Filter oder gar keine neuen Filme vorhanden).`);
+            }
+            console.log("\n");
+        }
+
+    } catch (error) {
+        console.error("Fehler beim Abruf:", error);
+    }
+})();

test_scripts/test_filters_dates.js

@@ -0,0 +1,56 @@
+(async () => {
+    const apiClient = window.ApiClient;
+    if (!apiClient) {
+        console.error("ApiClient not found. Are you logged in?");
+        return;
+    }
+
+    const userId = apiClient.getCurrentUserId();
+    const serverAddress = apiClient.serverAddress();
+
+    const maxDaysRecent = 30; // Test: Added in last 30 days
+    const pastDate = new Date();
+    pastDate.setDate(pastDate.getDate() - maxDaysRecent);
+    const dateStr = pastDate.toISOString();
+
+    console.log(`Searching for items added after: ${dateStr}`);
+
+    const testUrls = [
+        // Test 1: minDateCreated (CamelCase)
+        `${serverAddress}/Items?IncludeItemTypes=Movie,Series&Recursive=true&enableUserData=true&Limit=5&fields=Id,DateCreated&userId=${userId}&minDateCreated=${dateStr}`,
+        // Test 2: minDateLastSaved
+        `${serverAddress}/Items?IncludeItemTypes=Movie,Series&Recursive=true&enableUserData=true&Limit=5&fields=Id,DateCreated&userId=${userId}&minDateLastSaved=${dateStr}`,
+    ];
+
+    try {
+        for (let i = 0; i < testUrls.length; i++) {
+            const apiUrl = testUrls[i];
+            console.log(`\n%cTest ${i+1}: Testing URL:\n${apiUrl}`, "color: yellow;");
+
+            const response = await fetch(apiUrl, {
+                headers: {
+                    Authorization: `MediaBrowser Client="${apiClient.appName()}", Device="${apiClient.deviceName()}", DeviceId="${apiClient.deviceId()}", Version="${apiClient.appVersion()}", Token="${apiClient.accessToken()}"`
+                }
+            });
+
+            if (!response.ok) {
+                 console.error(`Failed to fetch items: ${response.status} ${response.statusText}`);
+                 continue;
+            }
+
+            const data = await response.json();
+            const items = data.Items || [];
+
+            console.log(`%cErgebnis: ${items.length} Items gefunden!`, "color: #00a4dc; font-weight: bold;");
+            
+            if(items.length > 0) {
+                console.log("Gefundene Items:");
+                items.forEach(item => {
+                    console.log(`- Name: ${item.Name}, DateCreated: ${item.DateCreated}, Art: ${item.Type}`);
+                });
+            }
+        }
+    } catch (error) {
+        console.error("Fehler beim Abrufen der URL:", error);
+    }
+})();

test_scripts/test_filters_dates_final.js

@@ -0,0 +1,72 @@
+(async () => {
+    const apiClient = window.ApiClient;
+    if (!apiClient) {
+        console.error("ApiClient not found. Are you logged in?");
+        return;
+    }
+
+    const userId = apiClient.getCurrentUserId();
+    const serverAddress = apiClient.serverAddress();
+
+    const maxDaysRecent = 30; // Test: Added in last 30 days
+    
+    // 1. Calculate the cutoff date
+    const pastDate = new Date();
+    pastDate.setDate(pastDate.getDate() - maxDaysRecent);
+    const dateStr = pastDate.toISOString();
+
+    console.log(`\n%c=== TEST: 2-Stufen "Zuletzt Hinzugefügt" Filter ===`, "color: #00a4dc; font-weight: bold; font-size: 14px;");
+    console.log(`Suche Items neuer als: ${dateStr} (${maxDaysRecent} Tage alt)\n`);
+
+    const apiUrl = `${serverAddress}/Items?IncludeItemTypes=Movie,Series&Recursive=true&enableUserData=true&Limit=50&fields=Id,DateCreated&userId=${userId}&minDateLastSaved=${dateStr}`;
+
+    try {
+        console.log(`%cSchritt 1: API Call mit minDateLastSaved...`, "color: yellow;");
+        console.log(`URL: ${apiUrl}`);
+
+        const response = await fetch(apiUrl, {
+            headers: {
+                Authorization: `MediaBrowser Client="${apiClient.appName()}", Device="${apiClient.deviceName()}", DeviceId="${apiClient.deviceId()}", Version="${apiClient.appVersion()}", Token="${apiClient.accessToken()}"`
+            }
+        });
+
+        if (!response.ok) {
+             throw new Error(`Failed to fetch items: ${response.status} ${response.statusText}`);
+        }
+
+        const data = await response.json();
+        let items = data.Items || [];
+        
+        console.log(`-> API lieferte ${items.length} potenziell neue/geänderte Items zurück.\n`);
+        if (items.length > 0) {
+            console.log("Die API hielt diese Items für neu/aktuell:");
+            items.forEach(item => console.log(`  - ${item.Name} (DateCreated: ${item.DateCreated})`));
+        }
+
+        console.log(`\n%cSchritt 2: Lokaler DateCreated Filter (Wie das Plugin ihn jetzt nutzt)...`, "color: yellow;");
+        
+        // Exakt dieser Filter-Block ist jetzt auch so in mediaBarEnhanced.js
+        const finalItems = items.filter(item => {
+            if (!item.DateCreated) return true; // Fallback falls Jellyfin kein Datum schickt
+            const dCreated = new Date(item.DateCreated);
+            return dCreated >= pastDate;
+        });
+
+        console.log(`%c-> FINALES ERGEBNIS: ${finalItems.length} echte Neuzugänge bleiben übrig!`, "color: #00ff00; font-weight: bold; font-size: 14px;");
+        
+        if(finalItems.length > 0) {
+            console.log("Diese Items schaffen es in die Slideshow:");
+            finalItems.forEach(item => {
+                console.log(`  🎬 Name: ${item.Name}, DateCreated: ${item.DateCreated}`);
+            });
+        }
+        
+        // Teste den Fallback
+        if(finalItems.length === 0 && items.length > 0) {
+            console.log("\n%c💡 HINWEIS: Da nach Filterung 0 Items übrig bleiben, greift in der Slideshow jetzt automatisch unser Fallback und zeigt zufällige Filme aller Jahre!", "color: orange;");
+        }
+
+    } catch (error) {
+        console.error("Fehler beim Abruf:", error);
+    }
+})();

test_scripts/test_filters_url.js

@@ -0,0 +1,62 @@
+(async () => {
+    const apiClient = window.ApiClient;
+    if (!apiClient) {
+        console.error("ApiClient not found. Are you logged in?");
+        return;
+    }
+
+    const userId = apiClient.getCurrentUserId();
+    const serverAddress = apiClient.serverAddress();
+    
+    // Example test configuration flags
+    const maxItems = 50;
+    const includeWatchedContent = false; // set to false to ONLY show unplayed (newly watched)
+    const maxParentalRating = 12; // Test age limit
+    const maxDaysRecent = 30;     // Test recency limit
+
+    // Build the query parameters just like in mediaBarEnhanced.js
+    const sortParams = "sortBy=Random";
+    const playedFilter = includeWatchedContent ? '' : '&isPlayed=False';
+    
+    let parentalFilter = '';
+    if (maxParentalRating) {
+      parentalFilter = `&MaxOfficialRating=${maxParentalRating}`;
+    }
+
+    let dateFilter = '';
+    if (maxDaysRecent) {
+      const pastDate = new Date();
+      pastDate.setDate(pastDate.getDate() - maxDaysRecent);
+      dateFilter = `&MinDateCreated=${pastDate.toISOString()}`;
+    }
+
+    const apiUrl = `${serverAddress}/Items?IncludeItemTypes=Movie,Series&Recursive=true&hasOverview=true&imageTypes=Logo,Backdrop&${sortParams}${playedFilter}${parentalFilter}${dateFilter}&enableUserData=true&Limit=${maxItems}&fields=Id&userId=${userId}`;
+
+    try {
+        console.log(`Testing generated URL with filters:\n%c${apiUrl}`, "color: yellow;");
+
+        // Execute the fetch
+        const response = await fetch(apiUrl, {
+            headers: {
+                Authorization: `MediaBrowser Client="${apiClient.appName()}", Device="${apiClient.deviceName()}", DeviceId="${apiClient.deviceId()}", Version="${apiClient.appVersion()}", Token="${apiClient.accessToken()}"`
+            }
+        });
+
+        if (!response.ok) {
+             throw new Error(`Failed to fetch items: ${response.status} ${response.statusText}`);
+        }
+
+        const data = await response.json();
+        const items = data.Items || [];
+
+        console.log(`%cErgebnis: ${items.length} Items gefunden!`, "color: #00a4dc; font-weight: bold;");
+        
+        if(items.length > 0) {
+            console.log("Erstes Item als Beispiel:");
+            console.dir(items[0]);
+        }
+
+    } catch (error) {
+        console.error("Fehler beim Abrufen der URL:", error);
+    }
+})();