CodeDevMLH/jellyfin-plugin-media-bar-enhanced
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 24 Wiki Activity

Bump version to 1.5.0.25 and update changelog for recent changes
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 51s
Details

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-10 01:06:15 +01:00
parent 9999d6a633
commit 0f14577f5d
4 changed files with 56 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.css
View File

@@ -991,4 +991,9 @@
.dots-container .slide-counter {
margin: 0;
}
/* Fix scrolling issue in TV mode - preserve space for slideshow */
.layout-tv html, .layout-tv body {
scroll-padding-top: 65vh;
}

85
Jellyfin.Plugin.MediaBarEnhanced/Web/mediaBarEnhanced.js
View File

@@ -2705,62 +2705,75 @@ const SlideshowManager = {
}
const activeElement = document.activeElement;
// Check if we're in TV mode (checking class on html or body is more reliable)
const isTvMode = document.documentElement.classList.contains('layout-tv') || document.body.classList.contains('layout-tv') || (window.layoutManager && window.layoutManager.tv);
const isSlideshowFocused = container.contains(activeElement) || activeElement === container || (!isTvMode && activeElement === document.body);
const isInputElement = activeElement && (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA' || activeElement.isContentEditable);
if (isInputElement) {
return;
}
const isTvDevice = window.browser && window.browser.tv;
const isTvLayout = window.layoutManager && window.layoutManager.tv;
const hasTvClass = document.documentElement.classList.contains('layout-tv') || document.body.classList.contains('layout-tv');
const isTvMode = isTvDevice || isTvLayout || hasTvClass;
// Check if video player is open
// Check Focus State
const isBodyFocused = activeElement === document.body;
const hasDirectFocus = container.contains(activeElement) || activeElement === container;
// Determine if we should handle navigation keys (Arrows, Space, M)
// TV Mode: Strict focus required (must be on slideshow)
// Desktop Mode: Loose focus allowed (slideshow OR body/nothing focused)
const canControlSlideshow = isTvMode ? hasDirectFocus : (hasDirectFocus || isBodyFocused);
// Check for Input Fields (always ignore typing)
const isInputElement = activeElement && (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA' || activeElement.isContentEditable);
if (isInputElement) return;
// Check active video players (ignore if video is playing/overlay is open)
const videoPlayer = document.querySelector('.videoPlayerContainer');
const trailerPlayer = document.querySelector('.youtubePlayerContainer');
if ((videoPlayer && !videoPlayer.classList.contains('hide')) || (trailerPlayer && !trailerPlayer.classList.contains('hide'))) {
return;
}
const isVideoOpen = (videoPlayer && !videoPlayer.classList.contains('hide')) || (trailerPlayer && !trailerPlayer.classList.contains('hide'));
if (isVideoOpen) return;
switch (e.key) {
case "ArrowRight":
if (isTvMode && !isSlideshowFocused) return;
SlideshowManager.nextSlide();
e.preventDefault();
if (canControlSlideshow) {
SlideshowManager.nextSlide();
e.preventDefault();
}
break;
case "ArrowLeft":
if (isTvMode && !isSlideshowFocused) return;
SlideshowManager.prevSlide();
e.preventDefault();
if (canControlSlideshow) {
SlideshowManager.prevSlide();
e.preventDefault();
}
break;
case " ": // Space bar
if (isTvMode && !isSlideshowFocused) return;
this.togglePause();
e.preventDefault();
if (canControlSlideshow) {
this.togglePause();
e.preventDefault();
}
break;
case "m": // Mute toggle
case "M":
if (isTvMode && !isSlideshowFocused) return;
this.toggleMute();
e.preventDefault();
if (canControlSlideshow) {
this.toggleMute();
e.preventDefault();
}
break;
case "Enter":
if (!isSlideshowFocused) return;
const currentItemId = STATE.slideshow.itemIds[STATE.slideshow.currentSlideIndex];
if (currentItemId) {
if (window.Emby && window.Emby.Page) {
Emby.Page.show(
`/details?id=${currentItemId}&serverId=${STATE.jellyfinData.serverId}`
);
} else {
window.location.href = `#/details?id=${currentItemId}&serverId=${STATE.jellyfinData.serverId}`;
}
// Enter always requires direct focus on the slideshow to avoid conflicts
if (hasDirectFocus) {
const currentItemId = STATE.slideshow.itemIds[STATE.slideshow.currentSlideIndex];
if (currentItemId) {
if (window.Emby && window.Emby.Page) {
Emby.Page.show(
`/details?id=${currentItemId}&serverId=${STATE.jellyfinData.serverId}`
);
} else {
window.location.href = `#/details?id=${currentItemId}&serverId=${STATE.jellyfinData.serverId}`;
}
}
e.preventDefault();
}
e.preventDefault();
break;
}
});