Compare commits
6 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
f6ccd0ea5f | ||
|
|
47827df047 | ||
|
|
7fd781c9d0 | ||
|
|
6faa8f1a4c | ||
|
|
3e05ff1dc9 | ||
|
|
fa06179cd3 |
@@ -12,7 +12,7 @@
|
|||||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||||
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
||||||
<Authors>CodeDevMLH</Authors>
|
<Authors>CodeDevMLH</Authors>
|
||||||
<Version>1.2.0.0</Version>
|
<Version>1.2.1.0</Version>
|
||||||
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
||||||
</PropertyGroup>
|
</PropertyGroup>
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/*
|
/*
|
||||||
* Jellyfin Slideshow by M0RPH3US v3.0.6
|
* Jellyfin Slideshow by M0RPH3US v3.0.8
|
||||||
* Modified by CodeDevMLH v1.1.0.0
|
* Modified by CodeDevMLH v1.1.0.0
|
||||||
*
|
*
|
||||||
* New features:
|
* New features:
|
||||||
@@ -41,11 +41,11 @@
|
|||||||
|
|
||||||
@keyframes kenBurnsZoomIn {
|
@keyframes kenBurnsZoomIn {
|
||||||
from {
|
from {
|
||||||
transform: scale(1);
|
transform: scale3d(1, 1, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
to {
|
to {
|
||||||
transform: scale(1.1);
|
transform: scale3d(1.1, 1.1, 0.1);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -128,6 +128,10 @@
|
|||||||
transition: width 0.2s ease-in-out;
|
transition: width 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.layout-mobile .splashLogo {
|
||||||
|
height: 12%;
|
||||||
|
}
|
||||||
|
|
||||||
.backdrop.low-quality {
|
.backdrop.low-quality {
|
||||||
filter: blur(0.5px);
|
filter: blur(0.5px);
|
||||||
transform: scale(1.01);
|
transform: scale(1.01);
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/*
|
/*
|
||||||
* Jellyfin Slideshow by M0RPH3US v3.0.6
|
* Jellyfin Slideshow by M0RPH3US v3.0.8
|
||||||
* Modified by CodeDevMLH v1.1.0.0
|
* Modified by CodeDevMLH v1.1.0.0
|
||||||
*
|
*
|
||||||
* New features:
|
* New features:
|
||||||
@@ -253,31 +253,53 @@ const initLoadingScreen = () => {
|
|||||||
|
|
||||||
const checkInterval = setInterval(() => {
|
const checkInterval = setInterval(() => {
|
||||||
const loginFormLoaded = document.querySelector(".manualLoginForm");
|
const loginFormLoaded = document.querySelector(".manualLoginForm");
|
||||||
const homePageLoaded =
|
const activeTab = document.querySelector(".pageTabContent.is-active");
|
||||||
document.querySelector(".homeSectionsContainer") &&
|
|
||||||
document.querySelector("#slides-container");
|
|
||||||
|
|
||||||
if (loginFormLoaded || homePageLoaded) {
|
if (loginFormLoaded) {
|
||||||
clearInterval(progressInterval);
|
finishLoading();
|
||||||
clearInterval(checkInterval);
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
progressBar.style.transition = "width 300ms ease-in-out";
|
if (activeTab) {
|
||||||
progressBar.style.width = "100%";
|
const tabIndex = activeTab.getAttribute("data-index");
|
||||||
unfilledBar.style.width = "0%";
|
|
||||||
|
|
||||||
progressBar.addEventListener('transitionend', () => {
|
if (tabIndex === "0") {
|
||||||
requestAnimationFrame(() => {
|
const homeSections = document.querySelector(".homeSectionsContainer");
|
||||||
const loader = document.querySelector(".bar-loading");
|
const slidesContainer = document.querySelector("#slides-container");
|
||||||
if (loader) {
|
|
||||||
loader.style.opacity = '0';
|
if (homeSections && slidesContainer) {
|
||||||
setTimeout(() => {
|
finishLoading();
|
||||||
loader.remove();
|
}
|
||||||
}, 300);
|
} else {
|
||||||
}
|
if (
|
||||||
});
|
activeTab.children.length > 0 ||
|
||||||
})
|
activeTab.innerText.trim().length > 0
|
||||||
|
) {
|
||||||
|
finishLoading();
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}, CONFIG.loadingCheckInterval);
|
}, CONFIG.loadingCheckInterval);
|
||||||
|
|
||||||
|
const finishLoading = () => {
|
||||||
|
clearInterval(progressInterval);
|
||||||
|
clearInterval(checkInterval);
|
||||||
|
progressBar.style.transition = "width 300ms ease-in-out";
|
||||||
|
progressBar.style.width = "100%";
|
||||||
|
unfilledBar.style.width = "0%";
|
||||||
|
|
||||||
|
progressBar.addEventListener("transitionend", () => {
|
||||||
|
requestAnimationFrame(() => {
|
||||||
|
const loader = document.querySelector(".bar-loading");
|
||||||
|
if (loader) {
|
||||||
|
loader.style.opacity = "0";
|
||||||
|
setTimeout(() => {
|
||||||
|
loader.remove();
|
||||||
|
}, 300);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|||||||
@@ -2,19 +2,27 @@
|
|||||||
{
|
{
|
||||||
"guid": "d7e11d57-819b-4bdd-a88d-53c5f5560225",
|
"guid": "d7e11d57-819b-4bdd-a88d-53c5f5560225",
|
||||||
"name": "Media Bar Enhanced",
|
"name": "Media Bar Enhanced",
|
||||||
"description": "A jellyfin plugin to display a media bar (featured content) for jellyfin web.",
|
"description": "A feature-rich fork of the original Media Bar script by MakD that brings your home screen to life.\n\n-> 100% Configurable via Web UI: Manage all features, lists, and settings effortlessly through the plugin configuration page.\n\nKey Highlights:\n- Cinematic Video Backdrops: Supports local & YouTube trailers (incl. SponsorBlock)\n- Custom Content: Curate your slideshow with specific Collections, Playlists, or seasonal events\n\nAdditional Features:\n- Full-width immersive mode\n- Smart resolution handling (up to 4K)\n- Full keyboard navigation & playback control\n- Wait-for-trailer options\n- Customizable pagination & animations\n\nIf you do not have write permissions to the web folder, please also install the file-transformation plugin.",
|
||||||
"overview": "Media Bar for Jellyfin",
|
"overview": "Transforms your Jellyfin home screen with an immersive, fully configurable media slideshow featuring video backdrops.",
|
||||||
"owner": "CodeDevMLH",
|
"owner": "CodeDevMLH",
|
||||||
"category": "General",
|
"category": "General",
|
||||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
||||||
"versions": [
|
"versions": [
|
||||||
|
{
|
||||||
|
"version": "1.2.1.0",
|
||||||
|
"changelog": "- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo",
|
||||||
|
"targetAbi": "10.11.0.0",
|
||||||
|
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||||
|
"checksum": "70defc1fb29a17ff4c9362bf7bdc53b5",
|
||||||
|
"timestamp": "2026-01-22T23:50:56Z"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"version": "1.2.0.0",
|
"version": "1.2.0.0",
|
||||||
"changelog": "- Add video quality preference setting (Auto / 1080p / Highres)\n- Set preferred video quality on YouTube player based on setting",
|
"changelog": "- Add video quality preference setting (Auto / 1080p / Highres)\n- Set preferred video quality on YouTube player based on setting",
|
||||||
"targetAbi": "10.11.0.0",
|
"targetAbi": "10.11.0.0",
|
||||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.0.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.0.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||||
"checksum": "2f1628d864b35cb710431974a8b85bee",
|
"checksum": "0b6379f68990026240d97fe8f77fbef1",
|
||||||
"timestamp": "2026-01-08T22:16:05Z"
|
"timestamp": "2026-01-08T23:30:58Z"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"version": "1.1.2.0",
|
"version": "1.1.2.0",
|
||||||
|
|||||||
Reference in New Issue
Block a user