Compare commits
62 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
216dddad94 | ||
|
|
a6de148ca1 | ||
|
|
1f9378d74d | ||
|
|
cc025779dc | ||
|
|
3d10fd59b5 | ||
|
|
bf261eba96 | ||
|
|
e3116c30cf | ||
|
|
bb39c91d32 | ||
|
|
4e0c74614a | ||
|
|
b61bf92437 | ||
|
|
dfbd6ce964 | ||
|
|
f1cbcad177 | ||
|
|
feedd5d95f | ||
|
|
87d82cca15 | ||
|
|
a70746e095 | ||
|
|
f32283e0bf | ||
|
|
8f3985f307 | ||
|
|
0b2817ecff | ||
|
|
84faee2db4 | ||
|
|
3efa07ec51 | ||
|
|
af603e8803 | ||
|
|
fe63414e4b | ||
|
|
614c86083f | ||
|
|
17b9e8921e | ||
|
|
5075226ba8 | ||
|
|
443fb1008b | ||
|
|
8f12140aad | ||
|
|
1469712bb5 | ||
|
|
76ff03ac17 | ||
|
|
25b1ba5f2b | ||
|
|
eed3ca1860 | ||
|
|
0f14577f5d | ||
|
|
9999d6a633 | ||
|
|
a935fd7d5d | ||
|
|
60293e81e1 | ||
|
|
f54e55fe04 | ||
|
|
b3c42e2100 | ||
|
|
20ddbb32c7 | ||
|
|
14a5075e22 | ||
|
|
accb316a81 | ||
|
|
51c5cdf5bf | ||
|
|
306eff757b | ||
|
|
b8f28a5735 | ||
|
|
0932d9611d | ||
|
|
5e616db0ae | ||
|
|
538b0f2110 | ||
|
|
e717c07c54 | ||
|
|
0fa2d01ca3 | ||
|
|
5299b2a9d5 | ||
|
|
4f244988b9 | ||
|
|
5635a8f05e | ||
|
|
c901da4b0c | ||
|
|
c45cd0281f | ||
|
|
0c3e74829a | ||
|
|
e6b769f099 | ||
|
|
77371f7b98 | ||
|
|
988b800b6d | ||
|
|
4c6514ba9f | ||
|
|
6910eba7d6 | ||
|
|
3585b47b6c | ||
|
|
8170abdc94 | ||
|
|
535c0e17bf |
@@ -123,8 +123,14 @@
|
||||
<div class="fieldDescription" id="customMediaIdsDesc">Enter the IDs of the items you want to show in the slideshow.
|
||||
You can separate them by new line or comma.
|
||||
<br><br>
|
||||
<b>Manual Trailer Override:</b> You can specify a YouTube URL for an item by adding it in
|
||||
brackets: <br> <code>e.g. ID DESCRIPTION [https://youtu.be/...]</code> or <code>ID [https://youtu.be/...] DESCRIPTION</code>
|
||||
<b>Manual Trailer/Video Override:</b> You can specify a YouTube URL <b>OR</b> a Jellyfin Item ID (e.g. for a Theme Video) for an item by adding it in
|
||||
brackets: <br> <code>e.g. ID DESCRIPTION [https://youtu.be/...]</code> or <code>ID [Method] DESCRIPTION</code>.
|
||||
<br>
|
||||
Methods:
|
||||
<ul>
|
||||
<li><b>YouTube URL:</b> Play a remote trailer from YouTube.</li>
|
||||
<li><b>Jellyfin Item ID (GUID):</b> Play the video of another library item (e.g. a Theme Video or Backdrop Video) using the native player.</li>
|
||||
</ul>
|
||||
<br><br>
|
||||
You can also add a description after the ID using any separator like space, pipe
|
||||
(|) or dash (-): <br>e.g. <code>ID DESCRIPTION</code> or <code>ID | DESCRIPTION</code>
|
||||
@@ -182,8 +188,7 @@
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<label class="selectLabel" for="PreferredVideoQuality">Preferred YouTube Quality</label>
|
||||
<select is="emby-select" id="PreferredVideoQuality" name="PreferredVideoQuality"
|
||||
class="emby-select-withcolor emby-select">
|
||||
<select is="emby-select" id="PreferredVideoQuality" name="PreferredVideoQuality" class="selectLayout emby-select-withcolor emby-select">
|
||||
<option value="Auto">Auto (Smart)</option>
|
||||
<option value="Maximum">Maximum (4K+)</option>
|
||||
<option value="1080p">1080p</option>
|
||||
@@ -285,7 +290,7 @@
|
||||
<h2 class="sectionTitle">Content Sorting</h2>
|
||||
<div class="selectContainer">
|
||||
<label class="selectLabel" for="SortBy">Sort By</label>
|
||||
<select is="emby-select" id="SortBy" name="SortBy" class="emby-select-withcolor emby-select">
|
||||
<select is="emby-select" id="SortBy" name="SortBy" class="selectLayout emby-select-withcolor emby-select">
|
||||
<option value="Random">Random</option>
|
||||
<option value="Original">Original (Custom List Order)</option>
|
||||
<option value="PremiereDate">Premiere Date</option>
|
||||
@@ -299,7 +304,7 @@
|
||||
</div>
|
||||
<div class="selectContainer">
|
||||
<label class="selectLabel" for="SortOrder">Sort Order</label>
|
||||
<select is="emby-select" id="SortOrder" name="SortOrder" class="emby-select-withcolor emby-select">
|
||||
<select is="emby-select" id="SortOrder" name="SortOrder" class="selectLayout emby-select-withcolor emby-select">
|
||||
<option value="Ascending">Ascending</option>
|
||||
<option value="Descending">Descending</option>
|
||||
</select>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
||||
<Authors>CodeDevMLH</Authors>
|
||||
<Version>1.5.0.10</Version>
|
||||
<Version>1.6.1.0</Version>
|
||||
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
||||
</PropertyGroup>
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/*
|
||||
* Jellyfin Slideshow by M0RPH3US v3.0.9
|
||||
* Modified by CodeDevMLH v1.1.0.0
|
||||
* Jellyfin Slideshow by M0RPH3US v4.0.1
|
||||
* Modified by CodeDevMLH
|
||||
*
|
||||
* New features:
|
||||
* - optional Trailer background video support
|
||||
@@ -14,6 +14,9 @@
|
||||
* - option to disable loading screen
|
||||
* - option to put collection (boxsets) IDs into the slideshow to display their items
|
||||
* - option to enable client-side settings (allow users to override settings locally on their device)
|
||||
* - option to enable seasonal content (only show items that are relevant to the current season/holiday)
|
||||
* - option to prefer local trailers (from the media item) over online sources
|
||||
* - options to sort the content by various criteria (PremiereDate, ProductionYear, Random, Original order, etc.)
|
||||
*/
|
||||
|
||||
@import url(https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap);
|
||||
@@ -991,4 +994,16 @@
|
||||
|
||||
.dots-container .slide-counter {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.layout-tv .video-backdrop {
|
||||
top: -5%;
|
||||
mask-image: linear-gradient(to top,
|
||||
#fff0 2%,
|
||||
rgb(0 0 0 / 0.5) 6%,
|
||||
#000000 8%);
|
||||
-webkit-mask-image: linear-gradient(to top,
|
||||
#fff0 2%,
|
||||
rgb(0 0 0 / 0.5) 6%,
|
||||
#000000 8%);
|
||||
}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
/*
|
||||
* Jellyfin Slideshow by M0RPH3US v4.0.1
|
||||
* Modified by CodeDevMLH v1.1.0.0
|
||||
* Modified by CodeDevMLH
|
||||
*
|
||||
* New features:
|
||||
* - optional Trailer background video support
|
||||
@@ -14,6 +14,9 @@
|
||||
* - option to disable loading screen
|
||||
* - option to put collection (boxsets) IDs into the slideshow to display their items
|
||||
* - option to enable client-side settings (allow users to override settings locally on their device)
|
||||
* - option to enable seasonal content (only show items that are relevant to the current season/holiday)
|
||||
* - option to prefer local trailers (from the media item) over online sources
|
||||
* - options to sort the content by various criteria (PremiereDate, ProductionYear, Random, Original order, etc.)
|
||||
*/
|
||||
|
||||
//Core Module Configuration
|
||||
@@ -85,6 +88,7 @@ const STATE = {
|
||||
isMuted: CONFIG.startMuted,
|
||||
customTrailerUrls: {},
|
||||
ytPromise: null,
|
||||
autoplayTimeouts: [],
|
||||
},
|
||||
};
|
||||
|
||||
@@ -605,7 +609,10 @@ const SlideUtils = {
|
||||
getOrCreateSlidesContainer() {
|
||||
let container = document.getElementById("slides-container");
|
||||
if (!container) {
|
||||
container = this.createElement("div", { id: "slides-container" });
|
||||
container = this.createElement("div", {
|
||||
id: "slides-container",
|
||||
className: "noautofocus"
|
||||
});
|
||||
document.body.appendChild(container);
|
||||
}
|
||||
return container;
|
||||
@@ -733,7 +740,11 @@ const SlideUtils = {
|
||||
autoplay: 1,
|
||||
controls: 1,
|
||||
iv_load_policy: 3,
|
||||
rel: 0
|
||||
rel: 0,
|
||||
playsinline: 1,
|
||||
origin: window.location.origin,
|
||||
widget_referrer: window.location.href,
|
||||
enablejsapi: 1
|
||||
}
|
||||
});
|
||||
});
|
||||
@@ -1329,7 +1340,7 @@ const ApiUtils = {
|
||||
/**
|
||||
* Fetches the first local trailer for an item
|
||||
* @param {string} itemId - Item ID
|
||||
* @returns {Promise<string|null>} Stream URL or null
|
||||
* @returns {Promise<Object|null>} Trailer data object {id, url} or null
|
||||
*/
|
||||
async fetchLocalTrailer(itemId) {
|
||||
try {
|
||||
@@ -1349,8 +1360,11 @@ const ApiUtils = {
|
||||
const trailer = trailers[0];
|
||||
const mediaSourceId = trailer.MediaSources && trailer.MediaSources[0] ? trailer.MediaSources[0].Id : trailer.Id;
|
||||
|
||||
// Construct stream URL
|
||||
return `${STATE.jellyfinData.serverAddress}/Videos/${trailer.Id}/stream.mp4?Static=true&mediaSourceId=${mediaSourceId}&api_key=${STATE.jellyfinData.accessToken}`;
|
||||
// Return object with ID and URL
|
||||
return {
|
||||
id: trailer.Id,
|
||||
url: `${STATE.jellyfinData.serverAddress}/Videos/${trailer.Id}/stream.mp4?Static=true&mediaSourceId=${mediaSourceId}&api_key=${STATE.jellyfinData.accessToken}`
|
||||
};
|
||||
}
|
||||
return null;
|
||||
} catch (error) {
|
||||
@@ -1413,6 +1427,24 @@ class SlideTimer {
|
||||
*/
|
||||
const VisibilityObserver = {
|
||||
updateVisibility() {
|
||||
const videoPlayer = document.querySelector('.videoPlayerContainer');
|
||||
const trailerPlayer = document.querySelector('.youtubePlayerContainer');
|
||||
|
||||
// If a full screen video player is active, hide slideshow and stop playback
|
||||
if ((videoPlayer && !videoPlayer.classList.contains('hide')) || (trailerPlayer && !trailerPlayer.classList.contains('hide'))) {
|
||||
const container = document.getElementById("slides-container");
|
||||
if (container) {
|
||||
container.style.display = "none";
|
||||
container.style.visibility = "hidden";
|
||||
container.style.pointerEvents = "none";
|
||||
}
|
||||
if (STATE.slideshow.slideInterval) {
|
||||
STATE.slideshow.slideInterval.stop();
|
||||
}
|
||||
SlideshowManager.stopAllPlayback();
|
||||
return;
|
||||
}
|
||||
|
||||
const activeTab = document.querySelector(".emby-tab-button-active");
|
||||
const container = document.getElementById("slides-container");
|
||||
|
||||
@@ -1544,8 +1576,24 @@ const SlideCreator = {
|
||||
|
||||
// 1a. Custom URL override
|
||||
if (STATE.slideshow.customTrailerUrls && STATE.slideshow.customTrailerUrls[itemId]) {
|
||||
trailerUrl = STATE.slideshow.customTrailerUrls[itemId];
|
||||
console.log(`Using custom trailer URL for ${itemId}: ${trailerUrl}`);
|
||||
const customValue = STATE.slideshow.customTrailerUrls[itemId];
|
||||
|
||||
// Check if the custom value is a Jellyfin Item ID (GUID)
|
||||
const guidMatch = customValue.match(/^([0-9a-f]{32})$/i);
|
||||
|
||||
if (guidMatch) {
|
||||
const videoId = guidMatch[1];
|
||||
console.log(`Using custom local video ID for ${itemId}: ${videoId}`);
|
||||
|
||||
trailerUrl = {
|
||||
id: videoId,
|
||||
url: `${STATE.jellyfinData.serverAddress}/Videos/${videoId}/stream.mp4?Static=true&api_key=${STATE.jellyfinData.accessToken}`
|
||||
};
|
||||
} else {
|
||||
// Assume it's a standard URL (YouTube, etc.)
|
||||
trailerUrl = customValue;
|
||||
console.log(`Using custom trailer URL for ${itemId}: ${trailerUrl}`);
|
||||
}
|
||||
}
|
||||
// 1b. Check Local Trailer if preferred
|
||||
else if (CONFIG.preferLocalTrailers && item.LocalTrailerCount > 0 && item.localTrailerUrl) {
|
||||
@@ -1570,12 +1618,17 @@ const SlideCreator = {
|
||||
let videoId = null;
|
||||
|
||||
try {
|
||||
const urlObj = new URL(trailerUrl);
|
||||
if (urlObj.hostname.includes('youtube.com') || urlObj.hostname.includes('youtu.be')) {
|
||||
let urlToCheck = trailerUrl;
|
||||
if (typeof trailerUrl === 'object' && trailerUrl.url) {
|
||||
urlToCheck = trailerUrl.url;
|
||||
}
|
||||
|
||||
const urlObjChecked = new URL(urlToCheck);
|
||||
if (urlObjChecked.hostname.includes('youtube.com') || urlObjChecked.hostname.includes('youtu.be')) {
|
||||
isYoutube = true;
|
||||
videoId = urlObj.searchParams.get('v');
|
||||
if (!videoId && urlObj.hostname.includes('youtu.be')) {
|
||||
videoId = urlObj.pathname.substring(1);
|
||||
videoId = urlObjChecked.searchParams.get('v');
|
||||
if (!videoId && urlObjChecked.hostname.includes('youtu.be')) {
|
||||
videoId = urlObjChecked.pathname.substring(1);
|
||||
}
|
||||
}
|
||||
} catch (e) {
|
||||
@@ -1604,7 +1657,11 @@ const SlideCreator = {
|
||||
fs: 0,
|
||||
iv_load_policy: 3,
|
||||
rel: 0,
|
||||
loop: 0
|
||||
loop: 0,
|
||||
playsinline: 1,
|
||||
origin: window.location.origin,
|
||||
widget_referrer: window.location.href,
|
||||
enablejsapi: 1
|
||||
};
|
||||
|
||||
// Determine video quality
|
||||
@@ -1657,10 +1714,23 @@ const SlideCreator = {
|
||||
|
||||
// Only play if this is the active slide
|
||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||
if (slide && slide.classList.contains('active')) {
|
||||
const isVideoPlayerOpen = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer');
|
||||
|
||||
if (slide && slide.classList.contains('active') && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) {
|
||||
event.target.playVideo();
|
||||
|
||||
// Check if it actually started playing after a short delay (handling autoplay blocks)
|
||||
setTimeout(() => {
|
||||
const timeoutId = setTimeout(() => {
|
||||
// Re-check conditions before processing fallback
|
||||
const isVideoPlayerOpenNow = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer');
|
||||
if (document.hidden || (isVideoPlayerOpenNow && !isVideoPlayerOpenNow.classList.contains('hide')) || !slide.classList.contains('active')) {
|
||||
console.log(`Navigation detected during autoplay check for ${itemId}, stopping video.`);
|
||||
try {
|
||||
event.target.stopVideo();
|
||||
} catch (e) { console.warn("Error stopping video in timeout:", e); }
|
||||
return;
|
||||
}
|
||||
|
||||
if (event.target.getPlayerState() !== YT.PlayerState.PLAYING &&
|
||||
event.target.getPlayerState() !== YT.PlayerState.BUFFERING) {
|
||||
console.warn(`Autoplay blocked for ${itemId}, attempting muted fallback`);
|
||||
@@ -1669,6 +1739,9 @@ const SlideCreator = {
|
||||
}
|
||||
}, 1000);
|
||||
|
||||
if (!STATE.slideshow.autoplayTimeouts) STATE.slideshow.autoplayTimeouts = [];
|
||||
STATE.slideshow.autoplayTimeouts.push(timeoutId);
|
||||
|
||||
// Pause slideshow timer when video starts if configured
|
||||
if (CONFIG.waitForTrailerToEnd && STATE.slideshow.slideInterval) {
|
||||
STATE.slideshow.slideInterval.stop();
|
||||
@@ -1701,7 +1774,7 @@ const SlideCreator = {
|
||||
|
||||
const videoAttributes = {
|
||||
className: "backdrop video-backdrop",
|
||||
src: trailerUrl,
|
||||
src: (typeof trailerUrl === 'object' ? trailerUrl.url : trailerUrl),
|
||||
autoplay: false,
|
||||
preload: "auto",
|
||||
loop: false,
|
||||
@@ -1992,11 +2065,20 @@ const SlideCreator = {
|
||||
|
||||
/**
|
||||
* Creates a trailer button
|
||||
* @param {string} url - Trailer URL
|
||||
* @param {string|Object} trailerInfo - Trailer URL string or object {id, url}
|
||||
* @returns {HTMLElement} Trailer button element
|
||||
*/
|
||||
createTrailerButton(url) {
|
||||
createTrailerButton(trailerInfo) {
|
||||
const trailerText = LocalizationUtils.getLocalizedString('Trailer', 'Trailer');
|
||||
|
||||
let url = trailerInfo;
|
||||
let localTrailerId = null;
|
||||
|
||||
if (typeof trailerInfo === 'object' && trailerInfo !== null) {
|
||||
url = trailerInfo.url;
|
||||
localTrailerId = trailerInfo.id;
|
||||
}
|
||||
|
||||
return SlideUtils.createElement("button", {
|
||||
className: "detailButton trailer-button",
|
||||
innerHTML: `<span class="material-icons">movie</span> <span class="trailer-text">${trailerText}</span>`,
|
||||
@@ -2004,7 +2086,13 @@ const SlideCreator = {
|
||||
onclick: (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
SlideUtils.openVideoModal(url);
|
||||
|
||||
if (localTrailerId) {
|
||||
// Play local trailer using native player
|
||||
ApiUtils.playItem(localTrailerId);
|
||||
} else {
|
||||
SlideUtils.openVideoModal(url);
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
@@ -2149,6 +2237,16 @@ const SlideshowManager = {
|
||||
let previousVisibleSlide;
|
||||
try {
|
||||
const container = SlideUtils.getOrCreateSlidesContainer();
|
||||
|
||||
const activeElement = document.activeElement;
|
||||
let focusSelector = null;
|
||||
if (container.contains(activeElement)) {
|
||||
if (activeElement.classList.contains('play-button')) focusSelector = '.play-button';
|
||||
else if (activeElement.classList.contains('detail-button')) focusSelector = '.detail-button';
|
||||
else if (activeElement.classList.contains('favorite-button')) focusSelector = '.favorite-button';
|
||||
else if (activeElement.classList.contains('trailer-button')) focusSelector = '.trailer-button';
|
||||
}
|
||||
|
||||
const totalItems = STATE.slideshow.totalItems;
|
||||
|
||||
index = Math.max(0, Math.min(index, totalItems - 1));
|
||||
@@ -2176,6 +2274,15 @@ const SlideshowManager = {
|
||||
}
|
||||
|
||||
currentSlide.classList.add("active");
|
||||
|
||||
if (focusSelector) {
|
||||
const target = currentSlide.querySelector(focusSelector);
|
||||
if (target) {
|
||||
requestAnimationFrame(() => {
|
||||
target.focus();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Manage Video Playback: Stop others, Play current
|
||||
|
||||
@@ -2544,15 +2651,26 @@ const SlideshowManager = {
|
||||
* Used when navigating away from the home screen
|
||||
*/
|
||||
stopAllPlayback() {
|
||||
// 1. Pause all YouTube players
|
||||
// Clear any pending autoplay timeouts
|
||||
if (STATE.slideshow.autoplayTimeouts) {
|
||||
STATE.slideshow.autoplayTimeouts.forEach(id => clearTimeout(id));
|
||||
STATE.slideshow.autoplayTimeouts = [];
|
||||
}
|
||||
|
||||
// 1. Stop all YouTube players
|
||||
if (STATE.slideshow.videoPlayers) {
|
||||
Object.values(STATE.slideshow.videoPlayers).forEach(player => {
|
||||
try {
|
||||
if (player && typeof player.pauseVideo === 'function') {
|
||||
if (player && typeof player.stopVideo === 'function') {
|
||||
player.stopVideo();
|
||||
if (typeof player.clearVideo === 'function') {
|
||||
player.clearVideo();
|
||||
}
|
||||
} else if (player && typeof player.pauseVideo === 'function') {
|
||||
player.pauseVideo();
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn("Error pausing YouTube player:", e);
|
||||
console.warn("Error pausing/stopping YouTube player:", e);
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -2655,52 +2773,76 @@ const SlideshowManager = {
|
||||
return;
|
||||
}
|
||||
|
||||
// Only trap keys if focus is on body (neutral) or inside our container.
|
||||
// To allow standard TV navigation to work for other elements (e.g. library cards).
|
||||
const activeEl = document.activeElement;
|
||||
const isBody = activeEl === document.body || !activeEl;
|
||||
const isInContainer = container.contains(activeEl) || activeEl === container;
|
||||
const activeElement = document.activeElement;
|
||||
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;
|
||||
|
||||
if (!isBody && !isInContainer) {
|
||||
return;
|
||||
}
|
||||
// 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);
|
||||
|
||||
const focusElement = document.activeElement;
|
||||
// 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');
|
||||
const isVideoOpen = (videoPlayer && !videoPlayer.classList.contains('hide')) || (trailerPlayer && !trailerPlayer.classList.contains('hide'));
|
||||
if (isVideoOpen) return;
|
||||
|
||||
switch (e.key) {
|
||||
case "ArrowRight":
|
||||
SlideshowManager.nextSlide();
|
||||
e.preventDefault();
|
||||
if (canControlSlideshow) {
|
||||
SlideshowManager.nextSlide();
|
||||
e.preventDefault();
|
||||
}
|
||||
break;
|
||||
|
||||
case "ArrowLeft":
|
||||
SlideshowManager.prevSlide();
|
||||
e.preventDefault();
|
||||
if (canControlSlideshow) {
|
||||
SlideshowManager.prevSlide();
|
||||
e.preventDefault();
|
||||
}
|
||||
break;
|
||||
|
||||
case " ": // Space bar
|
||||
this.togglePause();
|
||||
e.preventDefault();
|
||||
if (canControlSlideshow) {
|
||||
this.togglePause();
|
||||
e.preventDefault();
|
||||
}
|
||||
break;
|
||||
|
||||
case "m": // Mute toggle
|
||||
case "M":
|
||||
this.toggleMute();
|
||||
e.preventDefault();
|
||||
if (canControlSlideshow) {
|
||||
this.toggleMute();
|
||||
e.preventDefault();
|
||||
}
|
||||
break;
|
||||
|
||||
case "Enter":
|
||||
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;
|
||||
}
|
||||
});
|
||||
|
||||
@@ -9,12 +9,36 @@
|
||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
||||
"versions": [
|
||||
{
|
||||
"version": "1.5.0.10",
|
||||
"changelog": "- fix: keyboard controls in TV mode\n- Add sorting options for content\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 4.0.1 from original repo",
|
||||
"version": "1.6.1.0",
|
||||
"changelog": "- fix tv mode issue",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.10/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "222767e69e240aeaf8a6434819c00637",
|
||||
"timestamp": "2026-02-09T13:30:59Z"
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "646e58f7723dab118e767a57d62004c9",
|
||||
"timestamp": "2026-02-11T17:24:36Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.0.2",
|
||||
"changelog": "- add local trailer support on trailer button\nfix: iOS/MacOS playback issue?",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.0.2/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "cdd0208f8cc4f4b04f50e7138e508370",
|
||||
"timestamp": "2026-02-10T22:07:33Z"
|
||||
},
|
||||
{
|
||||
"version": "1.5.1.3",
|
||||
"changelog": "- fix: iOS/MacOS playback issue?",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.1.3/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "9d9dbed453673d4b78acf2adaaaee126",
|
||||
"timestamp": "2026-02-10T20:12:59Z"
|
||||
},
|
||||
{
|
||||
"version": "1.5.0.28",
|
||||
"changelog": "- fix: Keyboard controls in TV mode\n- Add sorting options for content\n- Add local trailer support\n- fix performance issue\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 4.0.1 from upstream repo",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.5.0.28/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "0261ff27be18d48cefa5078706954240",
|
||||
"timestamp": "2026-02-10T00:35:41Z"
|
||||
},
|
||||
{
|
||||
"version": "1.3.0.3",
|
||||
|
||||
Reference in New Issue
Block a user