Starburst YouTube

加速跳過 YouTube 的廣告，快... 要更快! 還要更快!!!
换行
// ==UserScript==
// @name             Starburst YouTube
// @namespace        C2FFB7B4-83BC-11EE-85E1-21839234574D
// @version          1.1.8
// @description      加速跳過 YouTube 的廣告，快... 要更快! 還要更快!!!
// @description:en   Speed up to skip YouTube ads, Faster.. Faster!... Even Faster!!!
// @author           Rick0
// @match            https://www.youtube.com/*
// @icon             https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @compatible       firefox Tampermonkey
// @compatible       chrome Tampermonkey
// @run-at           document-end
// @license          MIT
// @noframes
// ==/UserScript==

(function() {
  "use strict";
  const addStyle = (cssCode) => {
    const style = document.createElement("style");
    style.innerHTML = cssCode, document.head.append(style);
  }, canRun = () => location.href.search(/[?&]v=/) > -1, setSkipAdObserver = () => {
    console.debug("[setSkipAdObserver] start.");
    const abortController = new AbortController(), videoContainer = document.querySelector("#movie_player"), videoPlayer = videoContainer.querySelector(".video-stream"), isAd = () => ["ad-showing", "ad-interrupting"].some(
      (className) => videoContainer.classList.contains(className)
    ), clickSkipAdsButton = (buttonContainer) => {
      [
        "button.ytp-ad-skip-button",
        "button.ytp-ad-skip-button-modern"
      ].map((selector) => buttonContainer.querySelector(selector)).filter((button) => button !== null).forEach((button) => {
        button.click(), console.debug("[clickSkipAdsButton]", button);
      });
    }, fadVideo = () => {
      const floorDuration = Math.floor(videoPlayer.duration);
      videoPlayer.currentTime !== floorDuration && (videoPlayer.muted = !0, videoPlayer.currentTime = floorDuration, videoPlayer.paused && videoPlayer.play(), console.debug("[fadVideo]", videoPlayer));
    };
    {
      isAd() && videoPlayer.readyState > 0 && fadVideo();
      const handleLoadedmetadata = () => {
        console.debug("[loadedmetadata] start."), isAd() && fadVideo(), console.debug("[loadedmetadata] finish.");
      };
      videoPlayer.addEventListener("loadedmetadata", handleLoadedmetadata), abortController.signal.addEventListener("abort", () => {
        videoPlayer.removeEventListener("loadedmetadata", handleLoadedmetadata), console.debug("[abort] loadedmetadata.");
      });
    }
    return new Promise((resolve) => {
      const adsContainer = videoContainer.querySelector(".video-ads");
      if (adsContainer !== null) {
        resolve(adsContainer);
        return;
      }
      const adsContainerObserver = new MutationObserver(() => {
        const adsContainer2 = videoContainer.querySelector(".video-ads");
        adsContainer2 !== null && (adsContainerObserver.disconnect(), resolve(adsContainer2));
      });
      adsContainerObserver.observe(videoContainer, { childList: !0 }), abortController.signal.addEventListener("abort", () => {
        adsContainerObserver.disconnect(), resolve(null), console.debug("[adsContainerObserver] disconnect.");
      });
    }).then((adsContainer) => {
      if (adsContainer === null)
        return;
      clickSkipAdsButton(adsContainer);
      const skipAdsButtonObserver = new MutationObserver(() => {
        clickSkipAdsButton(adsContainer);
      });
      skipAdsButtonObserver.observe(adsContainer, {
        childList: !0,
        subtree: !0
      }), abortController.signal.addEventListener("abort", () => {
        skipAdsButtonObserver.disconnect(), console.debug("[skipAdsButtonObserver] disconnect");
      });
    }).catch((err) => {
      console.debug(err);
    }), console.debug("[setSkipAdObserver] finish."), abortController;
  }, setCssStyle = () => {
    const hiddenCssCode = [
      // 右側聊天室上方的廣告
      'ytd-engagement-panel-section-list-renderer[target-id="engagement-panel-ads"]',
      // 右側聊天室下方的廣告
      "#player-ads",
      // 右側推薦影片最上第一個會有廣告
      "ytd-ad-slot-renderer",
      // 搜尋結果的第一個項目是廣告(包含有 ytd-ad-slot-renderer 的基本都是廣告)
      "ytd-rich-item-renderer:has(ytd-ad-slot-renderer)",
      // 搜尋結果的上方 Banner 那塊
      "#masthead-ad",
      // == 影片相關 ==
      // 影片廣告的控制按鈕之類的內容
      ".html5-video-player > .video-ads",
      // 影片右上角資訊欄會彈出的內容
      ".html5-video-player .ytp-cards-teaser",
      // 影片結束後的推薦影片
      ".html5-video-player > .ytp-ce-element",
      // 影片右下角的浮水印按鈕
      ".html5-video-player .annotation.annotation-type-custom.iv-branding",
      // 影片左下角推薦商品
      ".html5-video-player .ytp-featured-product"
    ].join(",") + "{ display: none!important; }", invisibleCssCode = [
      // 播放中的廣告影片
      ".ad-showing video.video-stream, .ad-interrupting video.video-stream",
      // 廣告影片標題
      ".ad-showing > .ytp-chrome-top, .ad-interrupting > .ytp-chrome-top",
      // 廣告的進度條
      ".ad-showing .ytp-progress-list > .ytp-play-progress, .ad-interrupting .ytp-progress-list > .ytp-play-progress",
      ".ad-showing .ytp-progress-list > .ytp-load-progress, .ad-interrupting .ytp-progress-list > .ytp-load-progress",
      // 廣告的字幕
      ".ad-showing > .ytp-caption-window-container, .ad-interrupting > .ytp-caption-window-container",
      // 廣告的背景圖
      ".ad-showing > .ytp-cued-thumbnail-overlay, .ad-interrupting > .ytp-cued-thumbnail-overlay",
      // 廣告的 loading spinner
      ".ad-showing > .ytp-spinner, .ad-interrupting > .ytp-spinner"
    ].join(",") + "{ visibility: hidden!important; }", setStyleCssCode = [
      // 設定播放器背景色，當處於一般影片模式+淺色主題時，隱藏廣告影片會透出一片白色，很突兀
      "ytd-player#ytd-player { background-color: black!important; }"
    ].join("");
    addStyle([hiddenCssCode, invisibleCssCode, setStyleCssCode].join("")), console.debug("[setCssStyle]");
  }, setCloseDialogObserver = () => {
    const clickCloseDialogButton = (dialog) => {
      if ([
        // 關閉推薦試用 YouTube Premium
        ".yt-mealbar-promo-renderer > yt-button-renderer#dismiss-button > yt-button-shape > button"
      ].map((selector) => dialog.querySelector(selector)).filter((button) => button !== null).forEach((button) => {
        button.click(), console.debug("[clickCloseDialogButton]", button);
      }), dialog.querySelectorAll(".buttons yt-button-shape > button").length === 1) {
        const confirmButton = dialog.querySelector(
          "yt-button-renderer#confirm-button > yt-button-shape > button"
        );
        confirmButton !== null && (confirmButton.click(), console.debug("[clickCloseDialogButton]", confirmButton));
      }
    };
    new Promise((resolve) => {
      const ytdApp = document.querySelector("ytd-app"), dialog = ytdApp.querySelector("ytd-popup-container");
      if (dialog !== null) {
        resolve(dialog);
        return;
      }
      new MutationObserver((_m, observer) => {
        const dialog2 = ytdApp.querySelector("ytd-popup-container");
        dialog2 !== null && (observer.disconnect(), resolve(dialog2));
      }).observe(ytdApp, { childList: !0 });
    }).then((dialog) => {
      clickCloseDialogButton(dialog), new MutationObserver(() => {
        clickCloseDialogButton(dialog);
      }).observe(dialog, {
        childList: !0,
        subtree: !0
      });
    }).catch((err) => {
      console.debug(err);
    }), console.debug("[setCloseDialogObserver]");
  }, runSkipAd = (() => {
    let abortController = null;
    return () => {
      abortController == null || abortController.abort(), canRun() && (abortController = setSkipAdObserver());
    };
  })();
  document.addEventListener("yt-navigate-start", () => {
    console.debug(`[yt-navigate-start] ${location.href}`), runSkipAd();
  }), window.addEventListener("popstate", () => {
    console.debug(`[popstate] ${location.href}`), runSkipAd();
  }), setCssStyle(), runSkipAd(), setCloseDialogObserver(), console.debug("[main] first run");
})();
欢迎访问Greasy Fork镜像
