Compare commits
12 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
26ef307838 | ||
|
|
c296483583 | ||
|
|
7992e20715 | ||
|
|
1ae59f5da5 | ||
|
|
92eaf91173 | ||
|
|
e7410ec22a | ||
|
|
bb43d1e679 | ||
|
|
b6609d23a2 | ||
|
|
9d4cbf37d3 | ||
|
|
b5e63ef3b7 | ||
|
|
22f9906188 | ||
|
|
ae54ab41a8 |
@@ -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.6.1.14</Version>
|
<Version>1.6.1.18</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>
|
||||||
|
|
||||||
|
|||||||
@@ -1490,7 +1490,6 @@ const VisibilityObserver = {
|
|||||||
* Initializes visibility observer
|
* Initializes visibility observer
|
||||||
*/
|
*/
|
||||||
init() {
|
init() {
|
||||||
// MARK: Mark
|
|
||||||
const observer = new MutationObserver(() => this.updateVisibility());
|
const observer = new MutationObserver(() => this.updateVisibility());
|
||||||
// let debounceTimer = null;
|
// let debounceTimer = null;
|
||||||
// const observer = new MutationObserver(() => {
|
// const observer = new MutationObserver(() => {
|
||||||
@@ -1743,6 +1742,7 @@ const SlideCreator = {
|
|||||||
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') && !document.hidden && (!isVideoPlayerOpen || isVideoPlayerOpen.classList.contains('hide'))) {
|
||||||
|
// MARK: mark
|
||||||
const currentIndex = STATE.slideshow.currentSlideIndex;
|
const currentIndex = STATE.slideshow.currentSlideIndex;
|
||||||
const currentItemId = STATE.slideshow.itemIds[currentIndex];
|
const currentItemId = STATE.slideshow.itemIds[currentIndex];
|
||||||
if (currentItemId !== itemId) {
|
if (currentItemId !== itemId) {
|
||||||
@@ -1750,6 +1750,7 @@ const SlideCreator = {
|
|||||||
event.target.mute(); // Mute just in case
|
event.target.mute(); // Mute just in case
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
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)
|
||||||
@@ -1826,10 +1827,13 @@ const SlideCreator = {
|
|||||||
|
|
||||||
backdrop.addEventListener('play', (event) => {
|
backdrop.addEventListener('play', (event) => {
|
||||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||||
|
// MARK: mark
|
||||||
const currentIndex = STATE.slideshow.currentSlideIndex;
|
const currentIndex = STATE.slideshow.currentSlideIndex;
|
||||||
const currentItemId = STATE.slideshow.itemIds[currentIndex];
|
const currentItemId = STATE.slideshow.itemIds[currentIndex];
|
||||||
|
|
||||||
if (!slide || !slide.classList.contains('active') || currentItemId !== itemId) {
|
if (!slide || !slide.classList.contains('active') || currentItemId !== itemId) {
|
||||||
|
|
||||||
|
// if (!slide || !slide.classList.contains('active')) {
|
||||||
console.log(`Local video ${itemId} started playing but is not active, pausing.`);
|
console.log(`Local video ${itemId} started playing but is not active, pausing.`);
|
||||||
event.target.pause();
|
event.target.pause();
|
||||||
event.target.currentTime = 0;
|
event.target.currentTime = 0;
|
||||||
@@ -2315,8 +2319,6 @@ const SlideshowManager = {
|
|||||||
|
|
||||||
currentSlide.classList.add("active");
|
currentSlide.classList.add("active");
|
||||||
|
|
||||||
STATE.slideshow.currentSlideIndex = index;
|
|
||||||
|
|
||||||
// Restore focus for TV mode navigation continuity
|
// Restore focus for TV mode navigation continuity
|
||||||
requestAnimationFrame(() => {
|
requestAnimationFrame(() => {
|
||||||
if (focusSelector) {
|
if (focusSelector) {
|
||||||
@@ -2350,6 +2352,8 @@ const SlideshowManager = {
|
|||||||
if (logo) logo.classList.add("animate");
|
if (logo) logo.classList.add("animate");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
STATE.slideshow.currentSlideIndex = index;
|
||||||
|
|
||||||
if (index === 0 || !previousVisibleSlide) {
|
if (index === 0 || !previousVisibleSlide) {
|
||||||
const dotsContainer = container.querySelector(".dots-container");
|
const dotsContainer = container.querySelector(".dots-container");
|
||||||
if (dotsContainer) {
|
if (dotsContainer) {
|
||||||
@@ -2433,6 +2437,8 @@ const SlideshowManager = {
|
|||||||
// Preload next slides
|
// Preload next slides
|
||||||
for (let i = 1; i <= preloadCount; i++) {
|
for (let i = 1; i <= preloadCount; i++) {
|
||||||
const nextIndex = (currentIndex + i) % totalItems;
|
const nextIndex = (currentIndex + i) % totalItems;
|
||||||
|
if (nextIndex === currentIndex) break;
|
||||||
|
|
||||||
const itemId = STATE.slideshow.itemIds[nextIndex];
|
const itemId = STATE.slideshow.itemIds[nextIndex];
|
||||||
SlideCreator.createSlideForItemId(itemId);
|
SlideCreator.createSlideForItemId(itemId);
|
||||||
}
|
}
|
||||||
@@ -2440,6 +2446,8 @@ const SlideshowManager = {
|
|||||||
// Preload previous slides
|
// Preload previous slides
|
||||||
for (let i = 1; i <= preloadCount; i++) {
|
for (let i = 1; i <= preloadCount; i++) {
|
||||||
const prevIndex = (currentIndex - i + totalItems) % totalItems;
|
const prevIndex = (currentIndex - i + totalItems) % totalItems;
|
||||||
|
if (prevIndex === currentIndex) break;
|
||||||
|
|
||||||
const prevItemId = STATE.slideshow.itemIds[prevIndex];
|
const prevItemId = STATE.slideshow.itemIds[prevIndex];
|
||||||
SlideCreator.createSlideForItemId(prevItemId);
|
SlideCreator.createSlideForItemId(prevItemId);
|
||||||
}
|
}
|
||||||
@@ -2704,7 +2712,9 @@ const SlideshowManager = {
|
|||||||
|
|
||||||
videoBackdrop.play().catch(() => {
|
videoBackdrop.play().catch(() => {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
// MARK: mark
|
||||||
if (videoBackdrop.paused && slide.classList.contains('active')) {
|
if (videoBackdrop.paused && slide.classList.contains('active')) {
|
||||||
|
// if (videoBackdrop.paused) {
|
||||||
console.warn(`Autoplay blocked for ${itemId}, attempting muted fallback`);
|
console.warn(`Autoplay blocked for ${itemId}, attempting muted fallback`);
|
||||||
videoBackdrop.muted = true;
|
videoBackdrop.muted = true;
|
||||||
videoBackdrop.play().catch(err => console.error("Muted fallback failed", err));
|
videoBackdrop.play().catch(err => console.error("Muted fallback failed", err));
|
||||||
@@ -2715,7 +2725,7 @@ const SlideshowManager = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// YouTube player
|
// YouTube player
|
||||||
const player = STATE.slideshow.videoPlayers?.[itemId];
|
const player = STATE.slideshow.videoPlayers && STATE.slideshow.videoPlayers[itemId];
|
||||||
if (player && typeof player.loadVideoById === 'function' && player._videoId) {
|
if (player && typeof player.loadVideoById === 'function' && player._videoId) {
|
||||||
player.loadVideoById({
|
player.loadVideoById({
|
||||||
videoId: player._videoId,
|
videoId: player._videoId,
|
||||||
@@ -2731,6 +2741,7 @@ const SlideshowManager = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
// MARK: mark
|
||||||
if (!slide.classList.contains('active')) return;
|
if (!slide.classList.contains('active')) return;
|
||||||
|
|
||||||
if (player.getPlayerState &&
|
if (player.getPlayerState &&
|
||||||
|
|||||||
@@ -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.6.1.14",
|
"version": "1.6.1.18",
|
||||||
"changelog": "- fix tv mode issue\n- refactor video playback management",
|
"changelog": "- fix tv mode issue\n- refactor video playback management",
|
||||||
"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.6.1.14/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.1.18/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||||
"checksum": "6af6dd96995a90bf91d811467c88da04",
|
"checksum": "d1bb3e651c2eda66fa52a8349568c534",
|
||||||
"timestamp": "2026-02-13T02:23:28Z"
|
"timestamp": "2026-02-13T18:35:23Z"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"version": "1.6.0.2",
|
"version": "1.6.0.2",
|
||||||
|
|||||||
Reference in New Issue
Block a user