admin/kiss-translator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: youtube ad skip

Browse Source
This commit is contained in:
Gabe
2025-10-15 23:44:45 +08:00
parent c39861b7b7
commit d42ff51de5
1 changed files with 26 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/subtitle/YouTubeCaptionProvider.js
View File

@@ -65,23 +65,44 @@ class YouTubeCaptionProvider {
});
}
get #videoEl() {
return document.querySelector(VIDEO_SELECT);
}
#moAds(adContainer) {
const adSlector = ".ytp-ad-player-overlay-layout";
const adLayout = ".ytp-ad-player-overlay-layout";
const skipBtn =
".ytp-skip-ad-button, .ytp-ad-skip-button, .ytp-ad-skip-button-modern";
const observer = new MutationObserver((mutations) => {
for (const mutation of mutations) {
if (mutation.type === "childList") {
const videoEl = this.#videoEl;
mutation.addedNodes.forEach((node) => {
if (node.nodeType === 1 && node.matches(adSlector)) {
if (node.nodeType !== Node.ELEMENT_NODE) return;
if (node.matches(adLayout)) {
logger.debug("Youtube Provider: AD start playing!", node);
// todo: 顺带把广告快速跳过
if (videoEl) {
videoEl.playbackRate = 16;
videoEl.currentTime = videoEl.duration;
}
if (this.#managerInstance) {
this.#managerInstance.setIsAdPlaying(true);
}
} else if (node.matches(skipBtn)) {
logger.debug("Youtube Provider: AD skip button!", node);
node.click();
}
});
mutation.removedNodes.forEach((node) => {
if (node.nodeType === 1 && node.matches(adSlector)) {
if (node.nodeType !== Node.ELEMENT_NODE) return;
if (node.matches(adLayout)) {
logger.debug("Youtube Provider: Ad ends!");
if (videoEl) {
videoEl.playbackRate = 1;
}
if (this.#managerInstance) {
this.#managerInstance.setIsAdPlaying(false);
}
@@ -467,7 +488,7 @@ class YouTubeCaptionProvider {
return;
}
const videoEl = document.querySelector(VIDEO_SELECT);
const videoEl = this.#videoEl;
if (!videoEl) {
logger.warn("Youtube Provider: No video element found");
return;
@@ -878,7 +899,7 @@ class YouTubeCaptionProvider {
textAlign: "center",
});
const videoEl = document.querySelector(VIDEO_SELECT);
const videoEl = this.#videoEl;
const videoContainer = videoEl?.parentElement?.parentElement;
if (videoContainer) {
videoContainer.appendChild(notificationEl);