Enhance SponsorBlock data fetching with caching and improve slide transition logic

This commit is contained in:
CodeDevMLH
2026-02-14 16:03:14 +01:00
parent 0682967591
commit 1f655ed7b6

View File

@@ -1258,9 +1258,20 @@ const ApiUtils = {
*/ */
async fetchSponsorBlockData(videoId) { async fetchSponsorBlockData(videoId) {
if (!CONFIG.useSponsorBlock) return { intro: null, outro: null }; if (!CONFIG.useSponsorBlock) return { intro: null, outro: null };
// Return cached result if available
if (!this._sponsorBlockCache) this._sponsorBlockCache = {};
if (this._sponsorBlockCache[videoId]) {
return this._sponsorBlockCache[videoId];
}
try { try {
const response = await fetch(`https://sponsor.ajay.app/api/skipSegments?videoID=${videoId}&categories=["intro","outro"]`); const response = await fetch(`https://sponsor.ajay.app/api/skipSegments?videoID=${videoId}&categories=["intro","outro"]`);
if (!response.ok) return { intro: null, outro: null }; if (!response.ok) {
const result = { intro: null, outro: null };
this._sponsorBlockCache[videoId] = result;
return result;
}
const segments = await response.json(); const segments = await response.json();
let intro = null; let intro = null;
@@ -1274,7 +1285,9 @@ const ApiUtils = {
} }
}); });
return { intro, outro }; const result = { intro, outro };
this._sponsorBlockCache[videoId] = result;
return result;
} catch (error) { } catch (error) {
console.warn('Error fetching SponsorBlock data:', error); console.warn('Error fetching SponsorBlock data:', error);
return { intro: null, outro: null }; return { intro: null, outro: null };
@@ -1763,7 +1776,11 @@ const SlideCreator = {
if (event.data === YT.PlayerState.ENDED) { if (event.data === YT.PlayerState.ENDED) {
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`); const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
if (slide && slide.classList.contains('active')) { if (slide && slide.classList.contains('active')) {
SlideshowManager.nextSlide(); if (CONFIG.waitForTrailerToEnd) {
SlideshowManager.nextSlide();
} else {
event.target.playVideo(); // Loop if trailer is shorter than slide duration
}
} }
} }
}, },
@@ -2281,25 +2298,25 @@ const SlideshowManager = {
if (previousVisibleSlide) { if (previousVisibleSlide) {
previousVisibleSlide.classList.remove("active"); previousVisibleSlide.classList.remove("active");
previousVisibleSlide.setAttribute("inert", ""); // previousVisibleSlide.setAttribute("inert", "");
previousVisibleSlide.setAttribute("tabindex", "-1"); // previousVisibleSlide.setAttribute("tabindex", "-1");
} }
currentSlide.classList.add("active"); currentSlide.classList.add("active");
currentSlide.removeAttribute("inert"); // currentSlide.removeAttribute("inert");
currentSlide.setAttribute("tabindex", "0"); // currentSlide.setAttribute("tabindex", "0");
// Update Play/Pause Button State if it was paused // // Update Play/Pause Button State if it was paused
if (STATE.slideshow.isPaused) { // if (STATE.slideshow.isPaused) {
STATE.slideshow.isPaused = false; // STATE.slideshow.isPaused = false;
const pauseButton = document.querySelector('.pause-button'); // const pauseButton = document.querySelector('.pause-button');
if (pauseButton) { // if (pauseButton) {
pauseButton.innerHTML = '<i class="material-icons">pause</i>'; // pauseButton.innerHTML = '<i class="material-icons">pause</i>';
const pauseLabel = LocalizationUtils.getLocalizedString('ButtonPause', 'Pause'); // const pauseLabel = LocalizationUtils.getLocalizedString('ButtonPause', 'Pause');
pauseButton.setAttribute("aria-label", pauseLabel); // pauseButton.setAttribute("aria-label", pauseLabel);
pauseButton.setAttribute("title", pauseLabel); // pauseButton.setAttribute("title", pauseLabel);
} // }
} // }
// Manage Video Playback: Stop others, Play current // Manage Video Playback: Stop others, Play current