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

Refactor video playback handling for active slides and improve mute functionality

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-14 16:56:23 +01:00
parent 108a644983
commit 9f5f607168
1 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1807,40 +1807,36 @@ const SlideCreator = {
style: "object-fit: cover; object-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;"
};
if (STATE.slideshow.isMuted) {
videoAttributes.muted = "";
}
videoAttributes.muted = "";
backdrop = SlideUtils.createElement("video", videoAttributes);
if (!STATE.slideshow.isMuted) {
backdrop.volume = 0.4;
}
backdrop.volume = 0.4;
STATE.slideshow.videoPlayers[itemId] = backdrop;
backdrop.addEventListener('play', () => {
// backdrop.addEventListener('play', (event) => {
// const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
// if (!slide || !slide.classList.contains('active')) {
// console.log(`Local video ${itemId} started playing but is not active, pausing.`);
// event.target.pause();
// event.target.currentTime = 0;
// return;
// }
backdrop.addEventListener('play', (event) => {
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
if (!slide || !slide.classList.contains('active')) {
console.log(`Local video ${itemId} started playing but slide is not active, pausing.`);
event.target.pause();
event.target.currentTime = 0;
return;
}
if (CONFIG.waitForTrailerToEnd && STATE.slideshow.slideInterval) {
STATE.slideshow.slideInterval.stop();
}
});
backdrop.addEventListener('ended', () => {
SlideshowManager.nextSlide();
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
if (slide && slide.classList.contains('active')) {
SlideshowManager.nextSlide();
}
});
backdrop.addEventListener('error', () => {
if (CONFIG.waitForTrailerToEnd) {
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
if (CONFIG.waitForTrailerToEnd && slide && slide.classList.contains('active')) {
SlideshowManager.nextSlide();
}
});
@@ -2314,14 +2310,22 @@ const SlideshowManager = {
// Manage Video Playback: Stop others, Play current
// 1. Stop all other YouTube players
// 1. Stop all other YouTube players and local video elements
if (STATE.slideshow.videoPlayers) {
Object.keys(STATE.slideshow.videoPlayers).forEach(id => {
if (id !== currentItemId) {
const p = STATE.slideshow.videoPlayers[id];
if (p && typeof p.pauseVideo === 'function') {
if (!p) return;
// YouTube player
if (typeof p.pauseVideo === 'function') {
p.pauseVideo();
}
// HTML5 <video> element (local trailers)
if (p instanceof HTMLVideoElement) {
p.pause();
p.muted = true;
p.currentTime = 0;
}
}
});
}