Compare commits

...

7 Commits

Author SHA1 Message Date
CodeDevMLH
a5e98bdd93 Update manifest.json for release v1.8.1.6 [skip ci] 2026-03-24 00:04:24 +00:00
CodeDevMLH
ed5c0ab696 Bump version to 1.8.1.6
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 46s
2026-03-24 01:03:37 +01:00
CodeDevMLH
ffcbd21eb6 Update YouTube iframe source to include autoplay, controls, and mute options 2026-03-24 01:03:24 +01:00
CodeDevMLH
4ddd83ba4d Update manifest.json for release v1.8.1.5 [skip ci] 2026-03-23 23:44:24 +00:00
CodeDevMLH
b08a93718e Bump version to 1.8.1.5
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 47s
2026-03-24 00:43:37 +01:00
CodeDevMLH
eecb81d59a Implement play signal management for slideshow video playback 2026-03-24 00:43:17 +01:00
CodeDevMLH
664eecf779 Enhance video playback logic by introducing a play signal check for active slides 2026-03-24 00:38:04 +01:00
3 changed files with 13 additions and 8 deletions

View File

@@ -12,7 +12,7 @@
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> --> <!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
<Title>Jellyfin Media Bar Enhanced Plugin</Title> <Title>Jellyfin Media Bar Enhanced Plugin</Title>
<Authors>CodeDevMLH</Authors> <Authors>CodeDevMLH</Authors>
<Version>1.8.1.4</Version> <Version>1.8.1.6</Version>
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl> <RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
</PropertyGroup> </PropertyGroup>

View File

@@ -112,6 +112,7 @@ const STATE = {
customTrailerUrls: {}, customTrailerUrls: {},
ytPromise: null, ytPromise: null,
autoplayTimeouts: [], autoplayTimeouts: [],
playSignals: {},
}, },
}; };
@@ -398,6 +399,7 @@ const resetSlideshowState = () => {
STATE.slideshow.customTrailerUrls = {}; STATE.slideshow.customTrailerUrls = {};
STATE.slideshow.totalItems = 0; STATE.slideshow.totalItems = 0;
STATE.slideshow.isLoading = false; STATE.slideshow.isLoading = false;
STATE.slideshow.playSignals = {};
}; };
/** /**
@@ -1804,7 +1806,7 @@ const SlideCreator = {
// Create an iframe upfront // Create an iframe upfront
const ytPlayerIframe = SlideUtils.createElement("iframe", { const ytPlayerIframe = SlideUtils.createElement("iframe", {
id: `youtube-player-${itemId}`, id: `youtube-player-${itemId}`,
src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&origin=${encodeURIComponent(window.location.origin)}`, src: `https://www.youtube-nocookie.com/embed/${videoId}?enablejsapi=1&autoplay=0&controls=0&playsinline=1&mute=${STATE.slideshow.isMuted ? 1 : 0}&origin=${encodeURIComponent(window.location.origin)}`,
style: "width: 100%; height: 100%; border: none;", style: "width: 100%; height: 100%; border: none;",
allow: "autoplay; encrypted-media", allow: "autoplay; encrypted-media",
referrerpolicy: "strict-origin-when-cross-origin", referrerpolicy: "strict-origin-when-cross-origin",
@@ -1879,11 +1881,11 @@ const SlideCreator = {
event.target.setPlaybackQuality(quality); event.target.setPlaybackQuality(quality);
} }
// Only play if this is the active slide // Only play if this is the active slide and the play signal has been issued (delay finished)
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`); const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
const isVideoPlayerOpen = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer'); const isVideoPlayerOpen = document.querySelector('.videoPlayerContainer') || document.querySelector('.youtubePlayerContainer');
if (slide && slide.classList.contains('active') && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) { if (slide && slide.classList.contains('active') && STATE.slideshow.playSignals[itemId] === true && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) {
event.target.playVideo(); event.target.playVideo();
// Check if it actually started playing after a short delay (handling autoplay blocks) // Check if it actually started playing after a short delay (handling autoplay blocks)
@@ -2481,6 +2483,7 @@ const SlideshowManager = {
void currentSlide.offsetWidth; void currentSlide.offsetWidth;
currentSlide.classList.add("active"); currentSlide.classList.add("active");
STATE.slideshow.playSignals[currentItemId] = false;
// Manage Video Playback: Stop others, Play current // Manage Video Playback: Stop others, Play current
// 1. Stop all other YouTube players and local video elements, release connections // 1. Stop all other YouTube players and local video elements, release connections
@@ -2581,6 +2584,8 @@ const SlideshowManager = {
// play logic // play logic
const playVideoLogic = () => { const playVideoLogic = () => {
if (!currentSlide.classList.contains('active')) return; if (!currentSlide.classList.contains('active')) return;
STATE.slideshow.playSignals[currentItemId] = true;
if (videoBackdrop.tagName === 'VIDEO') { if (videoBackdrop.tagName === 'VIDEO') {
videoBackdrop.play().catch(e => { videoBackdrop.play().catch(e => {

View File

@@ -9,12 +9,12 @@
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png", "imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
"versions": [ "versions": [
{ {
"version": "1.8.1.4", "version": "1.8.1.6",
"changelog": "- fix pagination dot issue on mobile when showing more than 10 dots (should now dynamically adjust the max dots threshold based on screen size)\n- add option to delay trailer playback\n- add option to limit the plot width", "changelog": "- fix pagination dot issue on mobile when showing more than 10 dots (should now dynamically adjust the max dots threshold based on screen size)\n- add option to delay trailer playback\n- add option to limit the plot width",
"targetAbi": "10.11.0.0", "targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.8.1.4/Jellyfin.Plugin.MediaBarEnhanced.zip", "sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.8.1.6/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "5caa751c6979b6d0da221bae6989a174", "checksum": "f6b8dfde71b376e73a83d66e13171e9c",
"timestamp": "2026-03-23T23:18:10Z" "timestamp": "2026-03-24T00:04:23Z"
}, },
{ {
"version": "1.8.0.0", "version": "1.8.0.0",