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

Add backdrop video delay and plot width constraint options; improve autoplay handling

Browse Source
This commit is contained in:
CodeDevMLH
2026-03-24 00:17:05 +01:00
parent 23a73543c9
commit 5e398d06a8
1 changed files with 28 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,4 +1,4 @@
/*
/*
* Jellyfin Slideshow by M0RPH3US v4.0.1
* Modified by CodeDevMLH
*
@@ -67,6 +67,8 @@ const CONFIG = {
customOverlayPositionX: 0,
customOverlayPositionY: 0,
customOverlayScale: 100,
backdropVideoDelay: 0,
constrainPlotWidth: false,
enableCustomMediaIds: true,
enableSeasonalContent: false,
customMediaIds: "",
@@ -2582,31 +2584,37 @@ const SlideshowManager = {
if (videoBackdrop.tagName === 'VIDEO') {
videoBackdrop.play().catch(e => {
// Check if it actually started playing after a short delay (handling autoplay blocks)
setTimeout(() => {
if (videoBackdrop.paused && currentSlide.classList.contains('active')) {
console.warn("🎬 Media Bar:", `Autoplay blocked for ${currentItemId}, attempting muted fallback`);
videoBackdrop.muted = true;
videoBackdrop.play().catch(err => console.error("🎬 Media Bar:", "Muted fallback failed", err));
}
}, 1000);
if (!STATE.slideshow.isMuted) {
// Check if it actually started playing after a short delay (handling autoplay blocks)
setTimeout(() => {
if (videoBackdrop.paused && currentSlide.classList.contains('active')) {
console.warn("🎬 Media Bar:", `Autoplay blocked for ${currentItemId}, attempting muted fallback`);
videoBackdrop.muted = true;
videoBackdrop.play().catch(err => console.error("🎬 Media Bar:", "Muted fallback failed", err));
}
}, 1000);
} else {
console.error("🎬 Media Bar:", "Playback failed despite being muted", e);
}
});
} else if (STATE.slideshow.videoPlayers && STATE.slideshow.videoPlayers[currentItemId]) {
const player = STATE.slideshow.videoPlayers[currentItemId];
if (player && typeof player.playVideo === 'function') {
player.playVideo();
// Check if playback successfully started, otherwise fallback to muted
setTimeout(() => {
if (!currentSlide.classList.contains('active')) return;
if (player.getPlayerState &&
player.getPlayerState() !== YT.PlayerState.PLAYING &&
player.getPlayerState() !== YT.PlayerState.BUFFERING) {
console.log("🎬 Media Bar:", "YouTube didn't start playback, retrying muted...");
player.mute();
player.playVideo();
}
}, 1000);
if (!STATE.slideshow.isMuted) {
// Check if playback successfully started, otherwise fallback to muted
setTimeout(() => {
if (!currentSlide.classList.contains('active')) return;
if (player.getPlayerState &&
player.getPlayerState() !== YT.PlayerState.PLAYING &&
player.getPlayerState() !== YT.PlayerState.BUFFERING) {
console.log("🎬 Media Bar:", "YouTube didn't start playback, retrying muted...");
player.mute();
player.playVideo();
}
}, 1000);
}
}
}
};