Compare commits
22 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
b2dbd6df45 | ||
|
|
60c72a01b1 | ||
|
|
9f7ef3c96b | ||
|
|
7ffcfa68c1 | ||
|
|
aaf21d3c33 | ||
|
|
9758ecd417 | ||
|
|
a4547d80b1 | ||
|
|
671e38ff32 | ||
|
|
0e9d0f9d09 | ||
|
|
5f296f3c88 | ||
|
|
a14b3ca8b5 | ||
|
|
4d12e34d01 | ||
|
|
59fe6f7083 | ||
|
|
dcb2164ea1 | ||
|
|
2f71f7b46b | ||
|
|
70b0a2a192 | ||
|
|
300c76890b | ||
|
|
64e5441aff | ||
|
|
f47c9dde88 | ||
|
|
9d42b5af8d | ||
|
|
8c5f66716f | ||
|
|
41e6c1032d |
@@ -36,6 +36,7 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Configuration
|
||||
public bool EnableLoadingScreen { get; set; } = true;
|
||||
public bool EnableKeyboardControls { get; set; } = true;
|
||||
public bool AlwaysShowArrows { get; set; } = false;
|
||||
public bool HideArrowsOnMobile { get; set; } = true;
|
||||
public string CustomMediaIds { get; set; } = "";
|
||||
public bool EnableCustomMediaIds { get; set; } = true;
|
||||
public string PreferredVideoQuality { get; set; } = "Auto";
|
||||
|
||||
@@ -78,7 +78,7 @@
|
||||
<div class="fieldDescription">If enabled, local backdrop videos (Theme Videos) will be
|
||||
preferred over remote and local trailers.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<div class="checkboxContainer checkboxContainer-withDescription" id="WaitForTrailerToEndContainer">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="WaitForTrailerToEnd"
|
||||
name="WaitForTrailerToEnd" />
|
||||
@@ -86,7 +86,7 @@
|
||||
</label>
|
||||
<div class="fieldDescription">Delay slide transition until trailer finishes.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<div class="checkboxContainer checkboxContainer-withDescription" id="EnableMobileVideoContainer">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="EnableMobileVideo"
|
||||
name="EnableMobileVideo" />
|
||||
@@ -100,8 +100,8 @@
|
||||
name="ShowTrailerButton" />
|
||||
<span>Show Trailer Button</span>
|
||||
</label>
|
||||
<div class="fieldDescription">Display a button to open trailer in modal. Only visible if
|
||||
trailer is not set as backdrop or if no trailer is available.</div>
|
||||
<div class="fieldDescription">Display a button to open trailer in modal. Button only
|
||||
visible if trailer is not set as backdrop.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -183,15 +183,15 @@
|
||||
during their active date ranges. If no season matches the current date, the default
|
||||
Custom Media IDs above or random selection are used as fallback.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="ExcludeSeasonalContent"
|
||||
name="ExcludeSeasonalContent" />
|
||||
<span>Exclude Seasonal Content from Random Lists</span>
|
||||
</label>
|
||||
<div class="fieldDescription">When enabled, any items defined in your Seasonal Sections below will be explicitly excluded from being shown when the plugin pulls random items from your library.</div>
|
||||
</div>
|
||||
<div id="seasonalContentContainer" style="display: none;">
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="ExcludeSeasonalContent"
|
||||
name="ExcludeSeasonalContent" />
|
||||
<span>Exclude Seasonal Content from Random Lists</span>
|
||||
</label>
|
||||
<div class="fieldDescription">When enabled, any items defined in your Seasonal Sections below will be explicitly excluded from being shown when the plugin pulls random items from your library.</div>
|
||||
</div>
|
||||
|
||||
<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;">
|
||||
@@ -299,16 +299,23 @@
|
||||
<span>Enable Loading Screen</span>
|
||||
</label>
|
||||
<div class="fieldDescription">Show a loading screen while the slideshow initializes. (You
|
||||
may have to reload the page twice)</div>
|
||||
may have to reload the page twice (after changing this setting) to take effect)</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="AlwaysShowArrows"
|
||||
name="AlwaysShowArrows" />
|
||||
<span>Always Show Arrows</span>
|
||||
<span>Always Show Arrow Navigation Buttons</span>
|
||||
</label>
|
||||
<div class="fieldDescription">If enabled, navigation arrows will always be visible instead
|
||||
of only on hover.</div>
|
||||
<div class="fieldDescription">Force the UI arrow navigation buttons to always be visible instead of only when hovered.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="HideArrowsOnMobile"
|
||||
name="HideArrowsOnMobile" />
|
||||
<span>Hide Arrows on Mobile</span>
|
||||
</label>
|
||||
<div class="fieldDescription">Completely disable the navigation arrows on mobile devices (since swiping is available).</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
@@ -320,6 +327,7 @@
|
||||
Space (pause), M (mute/unmute)) for
|
||||
the slideshow.</div>
|
||||
</div>
|
||||
<hr style="max-width: 800px; margin: 1em 0;">
|
||||
|
||||
<h2 class="sectionTitle">Time Settings</h2>
|
||||
<p>Leave a setting blank to use the default value.</p>
|
||||
@@ -363,6 +371,7 @@
|
||||
<div class="fieldDescription">Minimum distance in pixels for a swipe to be registered (for
|
||||
mobile).</div>
|
||||
</div>
|
||||
<hr style="max-width: 800px; margin: 1em 0;">
|
||||
|
||||
<h2 class="sectionTitle">Content Sorting and Filtering</h2>
|
||||
<div class="selectContainer">
|
||||
@@ -405,6 +414,16 @@
|
||||
<input is="emby-input" type="number" id="MaxDaysRecent" name="MaxDaysRecent" />
|
||||
<div class="fieldDescription">Only show items added in the last X days. Leave blank or set to 0 for no limit. Example: 30.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="IncludeWatchedContent"
|
||||
name="IncludeWatchedContent" />
|
||||
<span>Include Watched Content</span>
|
||||
</label>
|
||||
<div class="fieldDescription">If enabled, watched content will be included in the random
|
||||
selection results.</div>
|
||||
</div>
|
||||
<hr style="max-width: 800px; margin: 1em 0;">
|
||||
|
||||
<h2 class="sectionTitle">Content Limits</h2>
|
||||
<p>Leave a setting blank to use the default value.</p>
|
||||
@@ -435,7 +454,7 @@
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="ShowPaginationDots"
|
||||
name="ShowPaginationDots" />
|
||||
<span>Show Pagination Dots</span>
|
||||
<span>Show Pagination Dots/Counter</span>
|
||||
</label>
|
||||
<div class="fieldDescription">Show or hide the pagination dots/counter navigation at the
|
||||
bottom of the slideshow.</div>
|
||||
@@ -454,15 +473,6 @@
|
||||
<input is="emby-input" type="number" id="MaxPlotLength" name="MaxPlotLength" />
|
||||
<div class="fieldDescription">Maximum characters for the plot summary.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="IncludeWatchedContent"
|
||||
name="IncludeWatchedContent" />
|
||||
<span>Include Watched Content</span>
|
||||
</label>
|
||||
<div class="fieldDescription">If enabled, watched content will be included in the random
|
||||
selection results.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
@@ -524,7 +534,7 @@
|
||||
'PreferLocalTrailers', 'ApplyLimitsToCustomIds', 'SeasonalSections',
|
||||
'PreferLocalBackdrops', 'RandomizeThemeVideos', 'RandomizeLocalTrailers',
|
||||
'IncludeWatchedContent', 'ShowPaginationDots', 'MaxParentalRating',
|
||||
'MaxDaysRecent', 'ExcludeSeasonalContent'
|
||||
'MaxDaysRecent', 'ExcludeSeasonalContent', 'HideArrowsOnMobile'
|
||||
];
|
||||
|
||||
// Manual mapping for MediaBarIsEnabled -> IsEnabled, to avoid conflicts with other plugins
|
||||
@@ -582,14 +592,20 @@
|
||||
var enableVideoBackdropCheckbox = page.querySelector('#EnableVideoBackdrop');
|
||||
var preferLocalContainer = page.querySelector('#PreferLocalTrailersContainer');
|
||||
var preferLocalBackdropsContainer = page.querySelector('#PreferLocalBackdropsContainer');
|
||||
var waitForTrailerContainer = page.querySelector('#WaitForTrailerToEndContainer');
|
||||
var enableMobileVideoContainer = page.querySelector('#EnableMobileVideoContainer');
|
||||
|
||||
function updatePreferLocalVisibility() {
|
||||
if (enableVideoBackdropCheckbox && enableVideoBackdropCheckbox.checked) {
|
||||
if (preferLocalContainer) preferLocalContainer.style.display = 'block';
|
||||
if (preferLocalBackdropsContainer) preferLocalBackdropsContainer.style.display = 'block';
|
||||
if (waitForTrailerContainer) waitForTrailerContainer.style.display = 'block';
|
||||
if (enableMobileVideoContainer) enableMobileVideoContainer.style.display = 'block';
|
||||
} else {
|
||||
if (preferLocalContainer) preferLocalContainer.style.display = 'none';
|
||||
if (preferLocalBackdropsContainer) preferLocalBackdropsContainer.style.display = 'none';
|
||||
if (waitForTrailerContainer) waitForTrailerContainer.style.display = 'none';
|
||||
if (enableMobileVideoContainer) enableMobileVideoContainer.style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
@@ -629,7 +645,7 @@
|
||||
'PreferLocalTrailers', 'ApplyLimitsToCustomIds', 'SeasonalSections',
|
||||
'PreferLocalBackdrops', 'RandomizeThemeVideos', 'RandomizeLocalTrailers',
|
||||
'IncludeWatchedContent', 'ShowPaginationDots', 'MaxParentalRating',
|
||||
'MaxDaysRecent', 'ExcludeSeasonalContent'
|
||||
'MaxDaysRecent', 'ExcludeSeasonalContent', 'HideArrowsOnMobile'
|
||||
];
|
||||
|
||||
keys.forEach(function (key) {
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
||||
<Authors>CodeDevMLH</Authors>
|
||||
<Version>1.7.1.6</Version>
|
||||
<Version>1.7.1.13</Version>
|
||||
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
||||
</PropertyGroup>
|
||||
|
||||
|
||||
@@ -353,14 +353,8 @@
|
||||
right: 0%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
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%);
|
||||
mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
-webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
}
|
||||
|
||||
.backdrop-container.full-width-video {
|
||||
@@ -383,14 +377,8 @@
|
||||
object-position: center 20%;
|
||||
border-radius: 5px;
|
||||
z-index: 3;
|
||||
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%);
|
||||
mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
-webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
}
|
||||
|
||||
.backdrop-overlay {
|
||||
@@ -402,14 +390,8 @@
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
border-radius: 5px;
|
||||
z-index: 4;
|
||||
mask-image: linear-gradient(to top,
|
||||
#fff0 2%,
|
||||
rgb(0 0 0 / 0.5) 4%,
|
||||
#000000 6%);
|
||||
-webkit-mask-image: linear-gradient(to top,
|
||||
#fff0 2%,
|
||||
rgb(0 0 0 / 0.5) 4%,
|
||||
#000000 6%);
|
||||
mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 4%, #000000 6%);
|
||||
-webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 4%, #000000 6%);
|
||||
}
|
||||
|
||||
.gradient-overlay {
|
||||
@@ -423,14 +405,8 @@
|
||||
rgba(29, 29, 29, 0.35) 30%,
|
||||
rgba(29, 29, 29, 0) 100%);
|
||||
z-index: 4;
|
||||
mask-image: linear-gradient(to top,
|
||||
#fff0 2%,
|
||||
rgb(0 0 0 / 0.5) 4%,
|
||||
#000000 6%);
|
||||
-webkit-mask-image: linear-gradient(to top,
|
||||
#fff0 2%,
|
||||
rgb(0 0 0 / 0.5) 4%,
|
||||
#000000 6%);
|
||||
mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 4%, #000000 6%);
|
||||
-webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 4%, #000000 6%);
|
||||
}
|
||||
|
||||
.gradient-overlay.full-width-video {
|
||||
@@ -525,16 +501,21 @@
|
||||
font-family: "Archivo Narrow", sans-serif;
|
||||
font-size: 18px;
|
||||
white-space: nowrap;
|
||||
background-color: rgb(255, 255, 255);
|
||||
color: rgb(0, 0, 0);
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
font-weight: 700;
|
||||
gap: 6px;
|
||||
-webkit-tap-highlight-color: #fff0;
|
||||
border-radius: 8px;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.detail-button {
|
||||
font-size: 18px;
|
||||
background-color: rgb(255, 255, 255);
|
||||
color: rgb(0, 0, 0);
|
||||
border-radius: 50%;
|
||||
height: 50px;
|
||||
@@ -543,10 +524,13 @@
|
||||
cursor: pointer;
|
||||
transition: color 0.2s;
|
||||
-webkit-tap-highlight-color: #fff0;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.favorite-button {
|
||||
font-size: 18px;
|
||||
background-color: rgb(255, 255, 255);
|
||||
color: red;
|
||||
border-radius: 50%;
|
||||
height: 50px;
|
||||
@@ -555,6 +539,8 @@
|
||||
cursor: pointer;
|
||||
transition: color 0.2s;
|
||||
-webkit-tap-highlight-color: #fff0;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
|
||||
.favorite-button.favorited {
|
||||
@@ -662,7 +648,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
background: rgb(255 255 255 / 0.8);
|
||||
background: rgba(255, 255, 255, 0.8);
|
||||
color: #000;
|
||||
border: none;
|
||||
font-weight: 600;
|
||||
@@ -711,14 +697,8 @@
|
||||
object-fit: cover;
|
||||
object-position: center 20%;
|
||||
z-index: 3;
|
||||
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%);
|
||||
mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
-webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
}
|
||||
|
||||
.gradient-overlay {
|
||||
@@ -727,17 +707,11 @@
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgb(0 0 0 / 0.25);
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
z-index: 4;
|
||||
pointer-events: none;
|
||||
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%);
|
||||
mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
-webkit-mask-image: linear-gradient(to top, rgba(255,255,255,0) 2%, rgba(0,0,0,0.5) 6%, #000000 8%);
|
||||
}
|
||||
|
||||
.dots-container {
|
||||
|
||||
@@ -57,6 +57,7 @@ const CONFIG = {
|
||||
preferredVideoQuality: "Auto",
|
||||
enableKeyboardControls: true,
|
||||
alwaysShowArrows: false,
|
||||
hideArrowsOnMobile: true,
|
||||
enableCustomMediaIds: true,
|
||||
enableSeasonalContent: false,
|
||||
customMediaIds: "",
|
||||
@@ -748,7 +749,7 @@ const SlideUtils = {
|
||||
if (isYoutube && videoId) {
|
||||
const ytIframe = this.createElement('iframe', {
|
||||
id: 'modal-yt-player',
|
||||
src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`,
|
||||
src: `https://www.youtube-nocookie.com/embed/${videoId}?autoplay=1&controls=1&iv_load_policy=3&rel=0&playsinline=1`,
|
||||
allow: 'autoplay; encrypted-media',
|
||||
style: 'width: 100%; height: 100%; border: none;',
|
||||
referrerpolicy: 'strict-origin-when-cross-origin',
|
||||
@@ -758,20 +759,6 @@ const SlideUtils = {
|
||||
contentContainer.appendChild(ytIframe);
|
||||
overlay.append(closeButton, contentContainer);
|
||||
document.body.appendChild(overlay);
|
||||
|
||||
this.loadYouTubeIframeAPI().then(() => {
|
||||
new YT.Player(ytIframe, {
|
||||
playerVars: {
|
||||
autoplay: 1,
|
||||
controls: 1,
|
||||
iv_load_policy: 3,
|
||||
rel: 0,
|
||||
playsinline: 1,
|
||||
origin: window.location.origin,
|
||||
enablejsapi: 1
|
||||
}
|
||||
});
|
||||
});
|
||||
} else {
|
||||
const video = this.createElement('video', {
|
||||
src: url,
|
||||
@@ -779,6 +766,7 @@ const SlideUtils = {
|
||||
autoplay: true,
|
||||
className: 'video-modal-player'
|
||||
});
|
||||
video.setAttribute('playsinline', '');
|
||||
contentContainer.appendChild(video);
|
||||
overlay.append(closeButton, contentContainer);
|
||||
document.body.appendChild(overlay);
|
||||
@@ -835,7 +823,7 @@ const LocalizationUtils = {
|
||||
}
|
||||
}
|
||||
|
||||
if (window.ApiClient && STATE.jellyfinData?.accessToken) {
|
||||
if (window.ApiClient && STATE.jellyfinData && STATE.jellyfinData.accessToken) {
|
||||
try {
|
||||
const userId = window.ApiClient.getCurrentUserId();
|
||||
if (userId) {
|
||||
@@ -845,7 +833,7 @@ const LocalizationUtils = {
|
||||
});
|
||||
if (userResponse.ok) {
|
||||
const userData = await userResponse.json();
|
||||
if (userData.Configuration?.AudioLanguagePreference) {
|
||||
if (userData.Configuration && userData.Configuration.AudioLanguagePreference) {
|
||||
locale = userData.Configuration.AudioLanguagePreference.toLowerCase();
|
||||
}
|
||||
}
|
||||
@@ -855,7 +843,7 @@ const LocalizationUtils = {
|
||||
}
|
||||
}
|
||||
|
||||
if (!locale && window.ApiClient && STATE.jellyfinData?.accessToken) {
|
||||
if (!locale && window.ApiClient && (STATE.jellyfinData && STATE.jellyfinData.accessToken)) {
|
||||
try {
|
||||
const configUrl = window.ApiClient.getUrl('System/Configuration');
|
||||
const configResponse = await fetch(configUrl, {
|
||||
@@ -1030,7 +1018,7 @@ const LocalizationUtils = {
|
||||
*/
|
||||
getLocalizedString(key, fallback, ...args) {
|
||||
const locale = this.cachedLocale || 'en-us';
|
||||
let translated = this.translations[locale]?.[key] || fallback;
|
||||
let translated = (this.translations[locale] && this.translations[locale][key]) || fallback;
|
||||
|
||||
if (args.length > 0) {
|
||||
for (let i = 0; i < args.length; i++) {
|
||||
@@ -1775,9 +1763,12 @@ const SlideCreator = {
|
||||
}
|
||||
|
||||
const isLowPower = isLowPowerDevice();
|
||||
const isIOSApp = /iPhone|iPad|iPod/i.test(navigator.userAgent);
|
||||
const limitVideos = isLowPower || isIOSApp;
|
||||
const itemIndex = STATE.slideshow.itemIds ? STATE.slideshow.itemIds.indexOf(itemId) : -1;
|
||||
const isActiveSlide = itemIndex !== -1 && itemIndex === STATE.slideshow.currentSlideIndex;
|
||||
const shouldCreateVideo = !isLowPower || isActiveSlide;
|
||||
// Limit YouTube iframe bulk creation on low power devices OR iOS (which kills the WebProcess on OOM)
|
||||
const shouldCreateVideo = !limitVideos || isActiveSlide;
|
||||
|
||||
if (isYoutube && videoId && shouldCreateVideo) {
|
||||
isVideo = true;
|
||||
@@ -1945,6 +1936,7 @@ const SlideCreator = {
|
||||
};
|
||||
|
||||
videoAttributes.muted = "";
|
||||
videoAttributes.playsinline = "";
|
||||
|
||||
videoBackdrop = SlideUtils.createElement("video", videoAttributes);
|
||||
videoBackdrop.volume = 0.4;
|
||||
@@ -2453,6 +2445,7 @@ const SlideshowManager = {
|
||||
previousVisibleSlide.classList.remove("active");
|
||||
}
|
||||
|
||||
void currentSlide.offsetWidth;
|
||||
currentSlide.classList.add("active");
|
||||
|
||||
// Manage Video Playback: Stop others, Play current
|
||||
@@ -2730,9 +2723,9 @@ const SlideshowManager = {
|
||||
|
||||
const totalItems = STATE.slideshow.itemIds.length;
|
||||
let distance = Math.abs(index - currentIndex);
|
||||
if (totalItems > keepRange * 2) {
|
||||
distance = Math.min(distance, totalItems - distance);
|
||||
}
|
||||
|
||||
// Always calculate circular distance for slideshow
|
||||
distance = Math.min(distance, totalItems - distance);
|
||||
|
||||
if (distance > keepRange) {
|
||||
// Destroy video player if exists
|
||||
@@ -2802,7 +2795,7 @@ const SlideshowManager = {
|
||||
|
||||
if (currentItemId) {
|
||||
const currentSlide = document.querySelector(`.slide[data-item-id="${currentItemId}"]`);
|
||||
const video = currentSlide?.querySelector('video');
|
||||
const video = currentSlide ? currentSlide.querySelector('video') : null;
|
||||
|
||||
if (video) {
|
||||
video.muted = STATE.slideshow.isMuted;
|
||||
@@ -2962,7 +2955,7 @@ const SlideshowManager = {
|
||||
if (!currentSlide) return;
|
||||
|
||||
// YouTube player: just resume, don't reload
|
||||
const ytPlayer = STATE.slideshow.videoPlayers?.[currentItemId];
|
||||
const ytPlayer = (STATE.slideshow.videoPlayers && STATE.slideshow.videoPlayers[currentItemId]) ? STATE.slideshow.videoPlayers[currentItemId] : undefined;
|
||||
if (ytPlayer && typeof ytPlayer.playVideo === 'function') {
|
||||
if (STATE.slideshow.isMuted) {
|
||||
if (typeof ytPlayer.mute === 'function') ytPlayer.mute();
|
||||
@@ -3469,6 +3462,10 @@ const initArrowNavigation = () => {
|
||||
container.appendChild(muteButton);
|
||||
|
||||
const showArrows = () => {
|
||||
if (CONFIG.hideArrowsOnMobile && window.matchMedia("only screen and (max-width: 768px)").matches) {
|
||||
return; // disable arrow display on mobile
|
||||
}
|
||||
|
||||
leftArrow.style.display = "block";
|
||||
rightArrow.style.display = "block";
|
||||
|
||||
|
||||
@@ -9,12 +9,12 @@
|
||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
||||
"versions": [
|
||||
{
|
||||
"version": "1.7.1.6",
|
||||
"changelog": "- feat: add option to disable pagination dots/counter\n- feat: add exclude seasonal content from random fetching option\n- fix button issue on mobile when using ElegantFin Theme",
|
||||
"version": "1.7.1.13",
|
||||
"changelog": "- 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.1.6/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "d334b961ac8c6a527dba490b5a926c40",
|
||||
"timestamp": "2026-03-08T18:33:15Z"
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.7.1.13/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "3eda8e65484a1a75e4f2c0f3da89b182",
|
||||
"timestamp": "2026-03-08T22:50:48Z"
|
||||
},
|
||||
{
|
||||
"version": "1.7.0.14",
|
||||
|
||||
Reference in New Issue
Block a user