Compare commits

..

52 Commits

Author SHA1 Message Date
CodeDevMLH
387f0dd26f Bump version to 1.8.1.2
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 46s
2026-03-23 18:34:50 +01:00
CodeDevMLH
71d9cddebb Add failsafe to remove loading screen after 15 seconds to prevent infinite lockouts 2026-03-23 18:34:33 +01:00
CodeDevMLH
9abcdf522d Fix slides container initialization to create a dummy element if not present 2026-03-23 18:26:18 +01:00
CodeDevMLH
8c703ce171 Update manifest.json for release v1.8.1.1 [skip ci] 2026-03-23 16:42:42 +00:00
CodeDevMLH
a40ee4a40d Bump version to 1.8.1.1 and update changelog for mobile pagination fix
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 46s
2026-03-23 17:41:55 +01:00
CodeDevMLH
d7e9238e21 Add padding to the slides container for improved layout 2026-03-23 17:41:40 +01:00
CodeDevMLH
a296caf70d Update manifest.json for release v1.8.1.0 [skip ci] 2026-03-23 16:28:17 +00:00
CodeDevMLH
86e9968243 bump version 1.8.1.0
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-03-23 17:27:08 +01:00
CodeDevMLH
e9fe356cee Enhance slideshow responsiveness by adjusting dot display for small screens 2026-03-23 17:25:48 +01:00
CodeDevMLH
e25a99439a Update manifest.json for release v1.8.0.0 [skip ci] 2026-03-11 01:38:44 +00:00
CodeDevMLH
ba2ad8f2cc Bump version to 1.8.0.0 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 45s
2026-03-11 02:37:57 +01:00
CodeDevMLH
5274e61204 Update manifest.json for release v1.7.2.16 [skip ci] 2026-03-11 00:46:03 +00:00
CodeDevMLH
93919c08ef Bump version to 1.7.2.16 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 46s
2026-03-11 01:45:14 +01:00
CodeDevMLH
c80de82a76 Refactor clear image button styling in configPage.html for improved usability 2026-03-11 01:44:59 +01:00
CodeDevMLH
c541e1e543 Update manifest.json for release v1.7.2.15 [skip ci] 2026-03-11 00:31:08 +00:00
CodeDevMLH
2c7dae4d6d Bump version to 1.7.2.15 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 47s
2026-03-11 01:30:19 +01:00
CodeDevMLH
3869a089a1 Improve styling for clear image button in configPage.html 2026-03-11 01:30:06 +01:00
CodeDevMLH
014c908a1e Update manifest.json for release v1.7.2.14 [skip ci] 2026-03-11 00:20:42 +00:00
CodeDevMLH
f6cecf6a9e Bump version to 1.7.2.14 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 45s
2026-03-11 01:19:56 +01:00
CodeDevMLH
81e4643652 Improve styling for clear image buttons in configPage.html 2026-03-11 01:19:43 +01:00
CodeDevMLH
1b65843b20 Update manifest.json for release v1.7.2.13 [skip ci] 2026-03-11 00:13:26 +00:00
CodeDevMLH
a70690c0de Bump version to 1.7.2.13 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 44s
2026-03-11 01:12:40 +01:00
CodeDevMLH
1e21286a66 Refactor seasonal image clear button styling in configPage.html 2026-03-11 01:12:28 +01:00
CodeDevMLH
90a64d49ed Update manifest.json for release v1.7.2.12 [skip ci] 2026-03-11 00:05:56 +00:00
CodeDevMLH
009798ea06 Bump version to 1.7.2.12 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 51s
2026-03-11 01:05:03 +01:00
CodeDevMLH
53f0f3c401 Refactor seasonal image clear button visibility and styling in configPage.html 2026-03-11 01:04:50 +01:00
CodeDevMLH
81dad8c6c6 Update manifest.json for release v1.7.2.11 [skip ci] 2026-03-10 23:58:38 +00:00
CodeDevMLH
66fe4dc3cb Bump version to 1.7.2.11 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 52s
2026-03-11 00:57:45 +01:00
CodeDevMLH
7be968d1c6 test 2026-03-11 00:57:31 +01:00
CodeDevMLH
2d492f3fed Update manifest.json for release v1.7.2.10 [skip ci] 2026-03-10 23:50:23 +00:00
CodeDevMLH
2160e2963c Bump version to 1.7.2.10 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 44s
2026-03-11 00:49:37 +01:00
CodeDevMLH
dc64bbe345 Improve styling and positioning of the clear image button in configPage.html 2026-03-11 00:49:25 +01:00
CodeDevMLH
3a61b3e548 Update manifest.json for release v1.7.2.9 [skip ci] 2026-03-10 23:38:07 +00:00
CodeDevMLH
950116a775 Bump version to 1.7.2.9 in project files and manifest
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 46s
2026-03-11 00:37:17 +01:00
CodeDevMLH
b9040c20fc Update field description and adjust seasonal dropzone height in configPage.html 2026-03-11 00:37:02 +01:00
CodeDevMLH
8388463880 delete example configPage 2026-03-11 00:36:58 +01:00
CodeDevMLH
233e569c94 Update field description for image upload in configPage.html 2026-03-11 00:27:32 +01:00
CodeDevMLH
93c265ffed Add authorization to overlay image upload, retrieval, and deletion endpoints 2026-03-11 00:27:26 +01:00
CodeDevMLH
8f4dfa31c8 Remove fallback logic for resource stream retrieval in MediaBarEnhancedController 2026-03-11 00:27:21 +01:00
CodeDevMLH
99b8ef316c Update manifest.json for release v1.7.2.8 [skip ci] 2026-03-10 23:05:14 +00:00
CodeDevMLH
6880ccc9eb Bump version to 1.7.2.8 in project files and manifest.json
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 45s
2026-03-11 00:04:28 +01:00
CodeDevMLH
f77c3fbf71 Add custom overlay positioning and scaling options to configuration 2026-03-11 00:04:15 +01:00
CodeDevMLH
81b28952cc Update manifest.json for release v1.7.2.7 [skip ci] 2026-03-10 22:49:35 +00:00
CodeDevMLH
911c96216a Bump version to 1.7.2.7 in project files and manifest.json
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-03-10 23:48:40 +01:00
CodeDevMLH
b3b6296798 Add custom overlay positioning and scaling options in configuration 2026-03-10 23:43:20 +01:00
CodeDevMLH
bca2d577b9 Update manifest.json for release v1.7.2.6 [skip ci] 2026-03-10 22:08:51 +00:00
CodeDevMLH
11b6316338 Bump version to 1.7.2.6 in project files and manifest.json
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 44s
2026-03-10 23:08:07 +01:00
CodeDevMLH
bbc6da9d41 Add new visual styles and effects for custom overlays in configuration 2026-03-10 23:07:54 +01:00
CodeDevMLH
c313cbf37d Update image directory path in OverlayImageController for asset organization 2026-03-10 23:07:49 +01:00
CodeDevMLH
79405c6e95 Update manifest.json for release v1.7.2.5 [skip ci] 2026-03-10 19:47:07 +00:00
CodeDevMLH
a542e38dc3 Bump version to 1.7.2.5 in project files and manifest.json
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m6s
2026-03-10 20:44:51 +01:00
CodeDevMLH
a27566632c Update image directory path in OverlayImageController 2026-03-10 20:44:31 +01:00
9 changed files with 161 additions and 2959 deletions

View File

@@ -44,18 +44,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
var stream = assembly.GetManifestResourceStream(resourceName);
// if (stream == null)
// {
// // Try fallback/debug matching
// var allNames = assembly.GetManifestResourceNames();
// var match = Array.Find(allNames, n => n.EndsWith(resourcePath, StringComparison.OrdinalIgnoreCase));
// if (match != null)
// {
// stream = assembly.GetManifestResourceStream(match);
// }
// }
if (stream == null)
{
return NotFound($"Resource not found: {resourceName}");

View File

@@ -4,6 +4,7 @@ using System.Threading.Tasks;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using MediaBrowser.Common.Configuration;
using Microsoft.AspNetCore.Authorization;
namespace Jellyfin.Plugin.MediaBarEnhanced.Api
{
@@ -20,13 +21,13 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
public OverlayImageController(IApplicationPaths applicationPaths)
{
_applicationPaths = applicationPaths;
_imageDirectory = Path.Combine(applicationPaths.DataPath, "plugins", "configurations", "MediaBarEnhancedAssets");
_imageDirectory = Path.Combine(applicationPaths.PluginConfigurationsPath, "Jellyfin.Plugin.MediaBarEnhanced", "Assets");
}
/// <summary>
/// Uploads a new custom overlay image.
/// </summary>
// [Microsoft.AspNetCore.Authorization.Authorize]
[Authorize(Policy = "RequiresElevation")]
[HttpPost("OverlayImage")]
[Consumes("multipart/form-data")]
public async Task<IActionResult> UploadImage([FromForm] IFormFile file, [FromQuery] string? filename = null)
@@ -40,7 +41,7 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
string extension = Path.GetExtension(file.FileName);
if (string.IsNullOrWhiteSpace(extension)) extension = ".jpg";
// Delete any existing file with this prefix before saving the new one (as extensions might differ)
// Delete any existing file with this prefix before saving the new one
string prefix = string.IsNullOrWhiteSpace(filename) ? "custom_overlay_image_global" : $"custom_overlay_image_{filename}";
try
@@ -60,9 +61,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
string targetFileName = $"{prefix}{extension}";
string targetPath = Path.Combine(_imageDirectory, targetFileName);
// Delete is not strictly necessary and can cause locking issues if someone is currently reading it.
// FileMode.Create will truncate the file if it exists, effectively overwriting it.
// We use FileShare.None to ensure we have exclusive write access, but handle potential IOExceptions gracefully.
using (var stream = new FileStream(targetPath, FileMode.Create, FileAccess.Write, FileShare.None))
{
await file.CopyToAsync(stream).ConfigureAwait(false);
@@ -82,7 +80,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
/// <summary>
/// Retrieves the custom overlay image.
/// </summary>
// [Microsoft.AspNetCore.Authorization.Authorize]
[HttpGet("OverlayImage")]
public IActionResult GetImage([FromQuery] string? filename = null)
{
@@ -98,7 +95,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
string targetPath = existingFiles[0];
// Read the file and return with appropriate MIME type
// We use FileShare.ReadWrite | FileShare.Delete so that if someone is currently overwriting the file (uploading), we don't block them.
var stream = new FileStream(targetPath, FileMode.Open, FileAccess.Read, FileShare.ReadWrite | FileShare.Delete);
string mimeType = "application/octet-stream";
@@ -115,7 +111,7 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
/// <summary>
/// Deletes a custom overlay image.
/// </summary>
// [Microsoft.AspNetCore.Authorization.Authorize]
[Authorize(Policy = "RequiresElevation")]
[HttpDelete("OverlayImage")]
public IActionResult DeleteImage([FromQuery] string? filename = null)
{
@@ -144,7 +140,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
/// <summary>
/// Renames a custom overlay image (used when a seasonal section is renamed).
/// </summary>
// [Microsoft.AspNetCore.Authorization.Authorize]
[HttpPut("OverlayImage/Rename")]
public IActionResult RenameImage([FromQuery] string oldName, [FromQuery] string newName)
{

View File

@@ -56,5 +56,9 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Configuration
public string CustomOverlayStyle { get; set; } = "Shadowed";
public string CustomOverlayImageStyle { get; set; } = "None";
public string CustomOverlayPriority { get; set; } = "Image";
public int CustomOverlayPositionX { get; set; } = 0;
public int CustomOverlayPositionY { get; set; } = 0;
public int CustomOverlayScale { get; set; } = 100;
}
}

View File

@@ -259,11 +259,11 @@
<input type="file" id="overlayImageInput" accept="image/png, image/jpeg, image/gif, image/webp" style="display: none;">
<img id="overlayImagePreview" style="display: none; max-width: 100%; max-height: 150px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 4px; z-index: 2;" />
<!-- A semi-transparent overlay to clear the image -->
<button type="button" id="clearOverlayImageBtn" is="paper-icon-button-light" style="display: none; position: absolute; top: 10px; right: 10px; z-index: 3; color: #a94442;" title="Clear Image">
<button type="button" id="clearOverlayImageBtn" class="clear-btn" is="paper-icon-button-light" style="display: none; position: absolute; top: 10px; right: 10px; z-index: 3; color: #a94442;" title="Clear Image">
<i class="material-icons">delete</i>
</button>
</div>
<div class="fieldDescription">Uploading an image will securely save it to the server and automatically update the URL field above.</div>
<div class="fieldDescription">Uploading an image will save it to your server and automatically update the URL field above.</div>
</div>
<h2 class="sectionTitle" style="margin-top: 1.2em;">Styles</h2>
@@ -289,6 +289,8 @@
<option value="Wave">Liquid Wave</option>
<option value="VHS">VHS Tracking</option>
<option value="Matrix">Digital Matrix</option>
<option value="Ghost">Ghostly Apparition</option>
<option value="PulseGlow">Breathing Pulse Glow</option>
</select>
<div class="fieldDescription">Choose the visual styling animation for your custom text.</div>
</div>
@@ -307,11 +309,31 @@
<option value="Hologram">Hologram</option>
<option value="CRT">CRT Monitor</option>
<option value="Floating">Floating Float</option>
<option value="VHSTracking">VHS Tracking Glitch</option>
<option value="ColorCycle">Rainbow Color Cycle</option>
<option value="Mirror">Mirror Reflection</option>
</select>
<div class="fieldDescription">Choose a visual effect to apply to your overlay image.</div>
</div>
<h3 class="sectionTitle" style="margin-top:2em; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 0.5em;">Layout Tweaks</h3>
<div style="display: flex; gap: 1em; flex-wrap: wrap;">
<div class="inputContainer" style="flex: 1; min-width: 150px;">
<label class="inputLabel inputLabelUnfocused" for="CustomOverlayPositionX">X Offset (% vw)</label>
<input is="emby-input" type="number" id="CustomOverlayPositionX" name="CustomOverlayPositionX" min="-50" max="50" step="1" />
<div class="fieldDescription">Horizontal nudge (negative = left, positive = right). Default is 0.</div>
</div>
<div class="inputContainer" style="flex: 1; min-width: 150px;">
<label class="inputLabel inputLabelUnfocused" for="CustomOverlayPositionY">Y Offset (% vh)</label>
<input is="emby-input" type="number" id="CustomOverlayPositionY" name="CustomOverlayPositionY" min="-50" max="50" step="1" />
<div class="fieldDescription">Vertical nudge (negative = up, positive = down). Default is 0.</div>
</div>
<div class="inputContainer" style="flex: 1; min-width: 150px;">
<label class="inputLabel inputLabelUnfocused" for="CustomOverlayScale">Scale (%)</label>
<input is="emby-input" type="number" id="CustomOverlayScale" name="CustomOverlayScale" min="50" max="200" step="1" />
<div class="fieldDescription">Overlay zoom level. Default is 100%.</div>
</div>
</div>
</div>
<!-- ADVANCED TAB -->
@@ -640,7 +662,8 @@
'IncludeWatchedContent', 'ShowPaginationDots', 'MaxParentalRating',
'MaxDaysRecent', 'ExcludeSeasonalContent', 'HideArrowsOnMobile',
'EnableCustomOverlay', 'CustomOverlayText', 'CustomOverlayImageUrl',
'CustomOverlayStyle', 'CustomOverlayImageStyle', 'CustomOverlayPriority'
'CustomOverlayStyle', 'CustomOverlayImageStyle', 'CustomOverlayPriority',
'CustomOverlayPositionX', 'CustomOverlayPositionY', 'CustomOverlayScale'
];
// Manual mapping for MediaBarIsEnabled -> IsEnabled, to avoid conflicts with other plugins
@@ -733,7 +756,7 @@
if (urlInput.value && urlInput.value.trim() !== '') {
previewImg.src = urlInput.value;
previewImg.style.display = 'block';
clearBtn.style.display = 'block';
clearBtn.style.display = 'inline-flex';
if(icon) icon.style.display = 'none';
if(text) {
text.textContent = 'Drag and drop a new image here, or click to select';
@@ -884,7 +907,8 @@
'IncludeWatchedContent', 'ShowPaginationDots', 'MaxParentalRating',
'MaxDaysRecent', 'ExcludeSeasonalContent', 'HideArrowsOnMobile',
'EnableCustomOverlay', 'CustomOverlayText', 'CustomOverlayImageUrl',
'CustomOverlayStyle', 'CustomOverlayImageStyle', 'CustomOverlayPriority'
'CustomOverlayStyle', 'CustomOverlayImageStyle', 'CustomOverlayPriority',
'CustomOverlayPositionX', 'CustomOverlayPositionY', 'CustomOverlayScale'
];
keys.forEach(function (key) {
@@ -919,7 +943,7 @@
MediaBarEnhancedConfigurationPage.createSectionElement(container, {
Name: 'New Season',
StartDay: 1, StartMonth: 1,
EndDay: 1, EndMonth: 1,
EndDay: 31, EndMonth: 1,
MediaIds: '',
OverlayText: '',
OverlayImageUrl: ''
@@ -997,12 +1021,12 @@
' </div>' +
' </div>' +
' <div class="inputContainer" style="flex: 1; min-width: 250px; margin: 0; padding-bottom: 5px;">' +
' <div class="seasonal-dropzone" style="border: 2px dashed rgba(255,255,255,0.2); border-radius: 8px; padding: 1em; text-align: center; cursor: pointer; background: rgba(0,0,0,0.2); transition: all 0.2s ease; position: relative; min-height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center;">' +
' <div class="seasonal-dropzone" style="border: 2px dashed rgba(255,255,255,0.2); border-radius: 8px; padding: 1em; text-align: center; cursor: pointer; background: rgba(0,0,0,0.2); transition: all 0.2s ease; position: relative; min-height: 98px; display: flex; flex-direction: column; align-items: center; justify-content: center;">' +
' <i class="material-icons" style="font-size: 24px; color: rgba(255,255,255,0.4); margin-bottom: 4px;">cloud_upload</i>' +
' <span style="font-size: 0.85em; color: rgba(255,255,255,0.7);">Upload seasonal image</span>' +
' <input type="file" class="seasonal-file-input" accept="image/png, image/jpeg, image/gif, image/webp" style="display: none;">' +
' <img class="seasonal-preview-img" style="display: none; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 4px; z-index: 2; object-fit: contain;" />' +
' <button type="button" is="paper-icon-button-light" class="seasonal-clear-btn" title="Clear Image" style="display: none; position: absolute; top: 0px; right: 0px; z-index: 3; color: #a94442;"><i class="material-icons">delete</i></button>' +
' <button type="button" is="paper-icon-button-light" class="seasonal-clear-btn remove-img" title="Clear Image" style="background: transparent; border: none; padding: 0; cursor: pointer; display: none; position: absolute; top: 10px; right: 10px; z-index: 3; color: #a94442;"><i class="material-icons">delete</i></button>' +
' </div>' +
' </div>' +
'</div>';
@@ -1074,7 +1098,7 @@
if (val) {
previewImg.src = val;
previewImg.style.display = 'block';
clearBtn.style.display = 'block';
clearBtn.style.display = 'inline-flex';
if(icon) icon.style.display = 'none';
if(text) {
text.textContent = 'Drag and drop a new image here, or click to select';

View File

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

View File

@@ -749,6 +749,15 @@
left: 50%;
transform: translateX(-50%) scale(0.8);
background-color: #ffffff00;
width: max-content;
max-width: 90vw;
flex-wrap: nowrap;
overflow: hidden;
padding: 10px 0;
}
.dot {
flex-shrink: 0;
}
.dot.active {
@@ -1035,8 +1044,9 @@
/* Custom Overlay Styling */
.custom-overlay-container {
position: absolute;
top: 8vh;
left: 4vw;
top: calc(8vh + var(--overlay-y, 0vh));
left: calc(4vw + var(--overlay-x, 0vw));
transform: scale(var(--overlay-scale, 1));
z-index: 15;
display: flex;
align-items: center;
@@ -1082,9 +1092,9 @@
@media only screen and (max-width: 767px) and (orientation: portrait) {
.custom-overlay-container {
top: 8%; /* oder 5vh? */
left: 50%;
transform: translateX(-50%);
top: calc(15vh + var(--overlay-y, 0vh));
left: calc(50% + var(--overlay-x, 0vw));
transform: translateX(-50%) scale(var(--overlay-scale, 1));
width: 90%;
justify-content: center;
text-align: center;
@@ -1244,9 +1254,8 @@
bottom: -10px;
left: -50vw;
right: -50px;
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 70%, transparent 100%);
background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 40%, transparent 100%);
z-index: -1;
border-left: 5px solid #00a4dc;
}
@keyframes slideInCinematic {
@@ -1324,6 +1333,7 @@
@keyframes liquidWave {
0%, 100% { transform: translateY(0) skewY(0); }
25% { transform: translateY(-3px) skewY(1deg); }
50% { transform: translateY(0) skewY(0); }
75% { transform: translateY(3px) skewY(-1deg); }
}
@@ -1348,6 +1358,27 @@
to { text-shadow: 0 0 10px #0f0, 0 0 20px #0f0; }
}
.custom-overlay-style-Ghost {
color: rgba(255,255,255,0.8);
filter: blur(0px);
animation: ghostApparition 6s infinite alternate;
}
@keyframes ghostApparition {
0% { filter: blur(0px); opacity: 1; transform: scale(1); }
50% { filter: blur(3px); opacity: 0.6; transform: scale(1.02); }
100% { filter: blur(8px); opacity: 0; transform: scale(1.05); }
}
.custom-overlay-style-PulseGlow {
color: #fff;
text-shadow: 0 0 10px rgba(255,255,255,0.8);
animation: pulseGlowAura 3s ease-in-out infinite alternate;
}
@keyframes pulseGlowAura {
0% { text-shadow: 0 0 5px rgba(255,255,255,0.5), 0 0 10px #00a4dc; transform: scale(1); }
100% { text-shadow: 0 0 15px rgba(255,255,255,1), 0 0 30px #00a4dc, 0 0 40px #00a4dc; transform: scale(1.05); }
}
/* Custom Overlay Image Styles */
.custom-overlay-img-RoundedShadow {
border-radius: 12px;
@@ -1406,3 +1437,29 @@
50% { transform: translateY(-15px); }
}
.custom-overlay-img-VHSTracking {
filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5));
animation: imgVhsTracking 2s infinite;
}
@keyframes imgVhsTracking {
0% { transform: translateX(0); clip-path: inset(0 0 0 0); filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5)) hue-rotate(0deg); }
5% { transform: translateX(-5px); clip-path: inset(10% 0 80% 0); filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5)) hue-rotate(90deg); }
10% { transform: translateX(5px); clip-path: inset(40% 0 40% 0); filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5)) hue-rotate(-90deg); }
15% { transform: translateX(0); clip-path: inset(0 0 0 0); filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5)) hue-rotate(0deg); }
100% { transform: translateX(0); clip-path: inset(0 0 0 0); }
}
.custom-overlay-img-ColorCycle {
filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5));
animation: imgColorCycle 10s linear infinite;
}
@keyframes imgColorCycle {
from { filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5)) hue-rotate(0deg); }
to { filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5)) hue-rotate(360deg); }
}
.custom-overlay-img-Mirror {
filter: drop-shadow(2px 4px 8px rgba(0,0,0,0.5));
-webkit-box-reflect: below 2px linear-gradient(transparent, rgba(255,255,255,0.3));
}

View File

@@ -1,4 +1,4 @@
/*
/*
* Jellyfin Slideshow by M0RPH3US v4.0.1
* Modified by CodeDevMLH
*
@@ -64,6 +64,9 @@ const CONFIG = {
customOverlayStyle: "Shadowed",
customOverlayImageStyle: "None",
customOverlayPriority: "Image",
customOverlayPositionX: 0,
customOverlayPositionY: 0,
customOverlayScale: 100,
enableCustomMediaIds: true,
enableSeasonalContent: false,
customMediaIds: "",
@@ -337,6 +340,15 @@ const initLoadingScreen = () => {
});
});
};
// Global Failsafe, force remove loading screen after 15 seconds to prevent infinite lockouts
setTimeout(() => {
const loader = document.querySelector(".bar-loading");
if (loader) {
console.warn("🎬 Media Bar:", "Loading screen timed out! Forcing removal as a failsafe.");
finishLoading();
}
}, 15000);
};
/**
@@ -2360,8 +2372,17 @@ const SlideshowManager = {
const totalItems = STATE.slideshow.totalItems || 0;
// dynamically lower the max dots threshold on small screens
let effectiveMaxDots = CONFIG.maxPaginationDots;
if (window.matchMedia("(max-width: 767px) and (orientation: portrait)").matches) {
const availableWidth = window.innerWidth * 0.9;
const dotWidth = 18; // approximate width per dot
const fittingDots = Math.floor(availableWidth / dotWidth) - 1;
effectiveMaxDots = Math.min(effectiveMaxDots, fittingDots);
}
// Switch to counter style if too many items
if (totalItems > CONFIG.maxPaginationDots) {
if (totalItems > effectiveMaxDots) {
const counter = document.createElement("span");
counter.className = "slide-counter";
counter.id = "slide-counter";
@@ -3867,6 +3888,14 @@ const slidesInit = async () => {
const slidesContainer = document.getElementById("slides-container");
if (slidesContainer) {
const posX = CONFIG.customOverlayPositionX || 0;
const posY = CONFIG.customOverlayPositionY || 0;
const scaleValue = (CONFIG.customOverlayScale !== undefined ? CONFIG.customOverlayScale : 100) / 100;
overlayContainer.style.setProperty('--overlay-x', `${posX}vw`);
overlayContainer.style.setProperty('--overlay-y', `${posY}vh`);
overlayContainer.style.setProperty('--overlay-scale', scaleValue);
slidesContainer.appendChild(overlayContainer);
}
};
@@ -3881,8 +3910,16 @@ const slidesInit = async () => {
homeSections.style.top = '0';
homeSections.style.marginTop = '0';
}
const container = document.getElementById('slides-container');
if (container) container.style.display = 'none';
let container = document.getElementById('slides-container');
if (container) {
container.style.display = 'none';
} else {
// Create dummy container so loading screen's interval can trigger its own cleanup
container = document.createElement('div');
container.id = 'slides-container';
container.style.display = 'none';
document.body.appendChild(container);
}
return;
}

File diff suppressed because it is too large Load Diff

View File

@@ -9,12 +9,20 @@
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
"versions": [
{
"version": "1.7.2.4",
"version": "1.8.1.2",
"changelog": "fix pagination dot issue on mobile when showing more than 10 dots (should now dynamically adjust the max dots threshold based on screen size)",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.8.1.1/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "f39c154f60527a98a3454e0c72c81cfa",
"timestamp": "2026-03-23T16:42:41Z"
},
{
"version": "1.8.0.0",
"changelog": "feat: add custom text/image overlay option\n- 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.2.4/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "288e78c3ceb623ece6e5c5d8eb203ef3",
"timestamp": "2026-03-10T00:28:43Z"
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.8.0.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "0aac723796d41fc15987c94ac0476584",
"timestamp": "2026-03-11T01:38:43Z"
},
{
"version": "1.7.0.14",