Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e12a5b56a2 | ||
|
|
51ff0f2623 | ||
|
|
2c907debc8 | ||
|
|
7b30f8c9e9 | ||
|
|
3a90605112 | ||
|
|
5772d670ff | ||
|
|
e558594c52 |
@@ -146,7 +146,7 @@
|
|||||||
Example:
|
Example:
|
||||||
<code>https://your-jellyfin-url/web/#/details?id=<b style="color:red;">your-item-id</b>&serverId=your-server-id</code><br><br>
|
<code>https://your-jellyfin-url/web/#/details?id=<b style="color:red;">your-item-id</b>&serverId=your-server-id</code><br><br>
|
||||||
You can also insert a name of a collection or playlist to fetch the IDs of all items in
|
You can also insert a name of a collection or playlist to fetch the IDs of all items in
|
||||||
it (will take the first hit.<br><b>Note:</b> there is currently no feedback if the name
|
it (will take the first hit.<br><b>Note:</b> There is currently no feedback if the name
|
||||||
resolution succeeded, you will have to look if the bar displays the correct items).
|
resolution succeeded, you will have to look if the bar displays the correct items).
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -167,7 +167,7 @@
|
|||||||
|
|
||||||
<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;">
|
<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;">
|
||||||
<i class="material-icons" style="color: #00a4dc; font-size: 24px;">info</i>
|
<i class="material-icons" style="color: #00a4dc; font-size: 24px;">info</i>
|
||||||
<div>Define rules to automatically select a seasonal selection of items based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</div>
|
<div>Define seasonal rules to automatically select a selection of items based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="seasonalSectionsList"></div>
|
<div id="seasonalSectionsList"></div>
|
||||||
@@ -627,7 +627,7 @@
|
|||||||
' </div>' +
|
' </div>' +
|
||||||
' </div>' +
|
' </div>' +
|
||||||
' <div class="inputContainer">' +
|
' <div class="inputContainer">' +
|
||||||
' <input is="emby-input" type="text" class="emby-input section-name" value="' + (data.Name || '') + '" />' +
|
' <input is="emby-input" type="text" class="emby-input section-name" style="width: 60%;" value="' + (data.Name || '') + '" />' +
|
||||||
' <div class="fieldDescription">Name of the season</div>' +
|
' <div class="fieldDescription">Name of the season</div>' +
|
||||||
' </div>' +
|
' </div>' +
|
||||||
'</div>' +
|
'</div>' +
|
||||||
|
|||||||
@@ -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.6.5.0</Version>
|
<Version>1.6.5.2</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>
|
||||||
|
|
||||||
|
|||||||
@@ -1853,11 +1853,12 @@ const SlideCreator = {
|
|||||||
} else if (!isYoutube) {
|
} else if (!isYoutube) {
|
||||||
isVideo = true;
|
isVideo = true;
|
||||||
|
|
||||||
|
const videoSrc = (typeof trailerUrl === 'object' ? trailerUrl.url : trailerUrl);
|
||||||
const videoAttributes = {
|
const videoAttributes = {
|
||||||
className: "backdrop video-backdrop",
|
className: "backdrop video-backdrop",
|
||||||
src: (typeof trailerUrl === 'object' ? trailerUrl.url : trailerUrl),
|
preload: "none",
|
||||||
preload: "auto",
|
|
||||||
disablePictureInPicture: true,
|
disablePictureInPicture: true,
|
||||||
|
"data-src": videoSrc,
|
||||||
style: "object-fit: cover; object-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;"
|
style: "object-fit: cover; object-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;"
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -2356,7 +2357,7 @@ const SlideshowManager = {
|
|||||||
currentSlide.classList.add("active");
|
currentSlide.classList.add("active");
|
||||||
|
|
||||||
// Manage Video Playback: Stop others, Play current
|
// Manage Video Playback: Stop others, Play current
|
||||||
// 1. Stop all other YouTube players and local video elements
|
// 1. Stop all other YouTube players and local video elements, release connections
|
||||||
if (STATE.slideshow.videoPlayers) {
|
if (STATE.slideshow.videoPlayers) {
|
||||||
Object.keys(STATE.slideshow.videoPlayers).forEach(id => {
|
Object.keys(STATE.slideshow.videoPlayers).forEach(id => {
|
||||||
if (id !== currentItemId) {
|
if (id !== currentItemId) {
|
||||||
@@ -2366,11 +2367,17 @@ const SlideshowManager = {
|
|||||||
if (typeof p.pauseVideo === 'function') {
|
if (typeof p.pauseVideo === 'function') {
|
||||||
p.pauseVideo();
|
p.pauseVideo();
|
||||||
}
|
}
|
||||||
// HTML5 <video> element (local trailers)
|
// HTML5 <video> element (local trailers), release HTTP connection
|
||||||
if (p instanceof HTMLVideoElement) {
|
if (p instanceof HTMLVideoElement) {
|
||||||
p.pause();
|
p.pause();
|
||||||
p.muted = true;
|
p.muted = true;
|
||||||
p.currentTime = 0;
|
p.currentTime = 0;
|
||||||
|
// Save src to data-src and release the HTTP streaming connection
|
||||||
|
if (p.src && !p.getAttribute('data-src')) {
|
||||||
|
p.setAttribute('data-src', p.src);
|
||||||
|
}
|
||||||
|
p.removeAttribute('src');
|
||||||
|
p.load();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -2407,6 +2414,12 @@ const SlideshowManager = {
|
|||||||
|
|
||||||
if (videoBackdrop) {
|
if (videoBackdrop) {
|
||||||
if (videoBackdrop.tagName === 'VIDEO') {
|
if (videoBackdrop.tagName === 'VIDEO') {
|
||||||
|
// Restore src from data-src if it was deactivated to release connections
|
||||||
|
const lazySrc = videoBackdrop.getAttribute('data-src');
|
||||||
|
if (lazySrc && !videoBackdrop.src) {
|
||||||
|
videoBackdrop.src = lazySrc;
|
||||||
|
}
|
||||||
|
|
||||||
videoBackdrop.currentTime = 0;
|
videoBackdrop.currentTime = 0;
|
||||||
|
|
||||||
videoBackdrop.muted = STATE.slideshow.isMuted;
|
videoBackdrop.muted = STATE.slideshow.isMuted;
|
||||||
@@ -2605,7 +2618,7 @@ const SlideshowManager = {
|
|||||||
*/
|
*/
|
||||||
pruneSlideCache() {
|
pruneSlideCache() {
|
||||||
const currentIndex = STATE.slideshow.currentSlideIndex;
|
const currentIndex = STATE.slideshow.currentSlideIndex;
|
||||||
const keepRange = 5;
|
const keepRange = CONFIG.preloadCount + 1;
|
||||||
let prunedAny = false;
|
let prunedAny = false;
|
||||||
|
|
||||||
Object.keys(STATE.slideshow.createdSlides).forEach((itemId) => {
|
Object.keys(STATE.slideshow.createdSlides).forEach((itemId) => {
|
||||||
@@ -2623,7 +2636,17 @@ const SlideshowManager = {
|
|||||||
if (STATE.slideshow.videoPlayers[itemId]) {
|
if (STATE.slideshow.videoPlayers[itemId]) {
|
||||||
const player = STATE.slideshow.videoPlayers[itemId];
|
const player = STATE.slideshow.videoPlayers[itemId];
|
||||||
if (typeof player.destroy === 'function') {
|
if (typeof player.destroy === 'function') {
|
||||||
|
// YouTube player
|
||||||
player.destroy();
|
player.destroy();
|
||||||
|
} else if (player instanceof HTMLVideoElement) {
|
||||||
|
// HTML5 video, release HTTP streaming connection
|
||||||
|
player.pause();
|
||||||
|
// Save src to data-src and release the HTTP streaming connection
|
||||||
|
if (player.src && !player.getAttribute('data-src')) {
|
||||||
|
player.setAttribute('data-src', player.src);
|
||||||
|
}
|
||||||
|
player.removeAttribute('src');
|
||||||
|
player.load();
|
||||||
}
|
}
|
||||||
delete STATE.slideshow.videoPlayers[itemId];
|
delete STATE.slideshow.videoPlayers[itemId];
|
||||||
}
|
}
|
||||||
@@ -2802,7 +2825,7 @@ const SlideshowManager = {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// 2. Stop and mute all HTML5 videos
|
// 2. Stop and mute all HTML5 videos, release connections
|
||||||
const container = document.getElementById("slides-container");
|
const container = document.getElementById("slides-container");
|
||||||
if (container) {
|
if (container) {
|
||||||
container.querySelectorAll('video').forEach(video => {
|
container.querySelectorAll('video').forEach(video => {
|
||||||
@@ -2810,6 +2833,12 @@ const SlideshowManager = {
|
|||||||
video.pause();
|
video.pause();
|
||||||
video.muted = true;
|
video.muted = true;
|
||||||
video.currentTime = 0;
|
video.currentTime = 0;
|
||||||
|
// Save src and release HTTP streaming connection
|
||||||
|
if (video.src && !video.getAttribute('data-src')) {
|
||||||
|
video.setAttribute('data-src', video.src);
|
||||||
|
}
|
||||||
|
video.removeAttribute('src');
|
||||||
|
video.load();
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.warn("Error stopping HTML5 video:", e);
|
console.warn("Error stopping HTML5 video:", e);
|
||||||
}
|
}
|
||||||
@@ -2842,9 +2871,14 @@ const SlideshowManager = {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// HTML5 video: just resume, don't reset currentTime
|
// HTML5 video: restore src if needed, then resume
|
||||||
const html5Video = currentSlide.querySelector('video.video-backdrop');
|
const html5Video = currentSlide.querySelector('video.video-backdrop');
|
||||||
if (html5Video) {
|
if (html5Video) {
|
||||||
|
// Restore src from data-src if it was cleared to release connections
|
||||||
|
const lazySrc = html5Video.getAttribute('data-src');
|
||||||
|
if (lazySrc && !html5Video.src) {
|
||||||
|
html5Video.src = lazySrc;
|
||||||
|
}
|
||||||
html5Video.muted = STATE.slideshow.isMuted;
|
html5Video.muted = STATE.slideshow.isMuted;
|
||||||
if (!STATE.slideshow.isMuted) html5Video.volume = 0.4;
|
if (!STATE.slideshow.isMuted) html5Video.volume = 0.4;
|
||||||
html5Video.play().catch(e => console.warn("Error resuming HTML5 video:", e));
|
html5Video.play().catch(e => console.warn("Error resuming HTML5 video:", e));
|
||||||
|
|||||||
@@ -9,12 +9,12 @@
|
|||||||
"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.6.5.0",
|
"version": "1.6.5.2",
|
||||||
"changelog": "- refactored seasonal UI settings",
|
"changelog": "- refactored seasonal UI settings",
|
||||||
"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.6.5.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.5.2/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||||
"checksum": "378a8465c281c315ed6ad0e683da4755",
|
"checksum": "552cb3376c77ede5a0664ced56bf7d1e",
|
||||||
"timestamp": "2026-02-16T18:38:40Z"
|
"timestamp": "2026-02-16T23:57:57Z"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"version": "1.6.4.1",
|
"version": "1.6.4.1",
|
||||||
|
|||||||
Reference in New Issue
Block a user