動畫瘋自動播放廣告

自動同意年齡提示,到達時間後自動跳過廣告(內置播放器廣告和兩種 google iframe 廣告),自動播放下一集,並註冊一些快捷鍵(詳見最下方的更新日誌)

目前為 2024-12-23 提交的版本,檢視 最新版本

// ==UserScript==
// @name               Auto play ads on ani.gamer.com.tw
// @name:zh-CN         动画疯自动播放广告
// @name:zh-TW         動畫瘋自動播放廣告
// @namespace          ling921
// @version            0.6.0
// @description        Agree to age prompt, auto skip ads when time is up, auto play next video, and register some keyboard shortcuts (see the release notes below for details)
// @description:zh-CN  自动同意年龄提示,到达时间后自动跳过广告(内置播放器广告和两种 google iframe 广告),自动播放下一集,并注册一些快捷键(详见最下方的更新日志)
// @description:zh-TW  自動同意年齡提示,到達時間後自動跳過廣告(內置播放器廣告和兩種 google iframe 廣告),自動播放下一集,並註冊一些快捷鍵(詳見最下方的更新日誌)
// @author             ling921
// @match              https://ani.gamer.com.tw/animeVideo.php*
// @match              https://*.safeframe.googlesyndication.com/*
// @match              https://imasdk.googleapis.com/*
// @icon               http://gamer.com.tw/favicon.ico
// @grant              none
// @run-at             document-idle
// @tag                video
// @tag                anime
// @tag                utilities
// @license            MIT
// ==/UserScript==

/**
 * Global variable to store video player
 * @type {HTMLVideoElement}
 */
var videoPlayer;

/**
 * Localization text
 */
const i18n = {
  en: {
    addEventListenerToPlayer: "🎮 Yay! Connected to the video player~",
    autoPlayNext: "⏭️ Whoosh~ Auto-jumping to next episode!",
    agreeAgePrompt: "✨ Of course I'm old enough! *wink*",
    skipAds: "🚀 Bye bye ads~ Moving to the good stuff!",
    dismissDialog: "🎯 Poof! Dialog ad vanished!",
    dismissButtonHidden:
      "👀 Hmm... waiting for the dismiss button to show up...",
    dismissButtonNotFound: "🤔 Eh? Can't find the dismiss button anywhere...",
    skipAdButton: "⚡ Zap! Skipping this ad!",
    noPlayButton: "😱 Oh no! Can't find the play button...",
    noPrevButton: "⚠️ Oopsie! Previous episode button is missing...",
    noNextButton: "⚠️ Uh-oh! Next episode button is nowhere to be found...",
    noDanmuButton: "💬 Ara ara~ Danmu button is hiding...",
    noTheaterButton: "🎭 Theater mode button seems to be on vacation...",
    noFullscreenButton: "📺 The fullscreen button is playing hide and seek...",
    noVideoPlayer: "📼 Eh?! Where did the video player go?",
    pauseOrPlay: "⏯️ Boop~ Toggling play state!",
    gotoPrev: "⏮️ Time travel to previous episode!",
    gotoNext: "⏭️ Leaping to next episode~",
    toggleDanmu: "💫 Whoosh~ Danmu rain on/off!",
    toggleTheater: "🎪 Poof~ Theater mode switch!",
    toggleFullscreen: "🌟 Maximum screen power!",
    volumeUp: "🔊 Turning up the volume~",
    volumeDown: "🔉 Making things a bit quieter...",
    seekBackward: "⏪ Rewinding time~",
    seekForward: "⏩ Fast forward go brrr!",
  },
  "zh-CN": {
    addEventListenerToPlayer: "🎮 哇!成功连接到播放器啦~",
    autoPlayNext: "⏭️ 咻咻咻~ 自动跳转下一集!",
    agreeAgePrompt: "✨ 当然已经成年啦!*眨眼*",
    skipAds: "🚀 白白啦广告君~ 马上就能看番啦!",
    dismissDialog: "🎯 啪!广告框框消失啦!",
    dismissButtonHidden: "👀 诶嘿~等待关闭按钮出现中...",
    dismissButtonNotFound: "🤔 咦?找不到关闭按钮呢...",
    skipAdButton: "⚡ 唰!跳过广告!",
    noPlayButton: "😱 呜哇!找不到播放按钮...",
    noPrevButton: "⚠️ 糟糕!上一集按钮不见了...",
    noNextButton: "⚠️ 哎呀!下一集按钮去哪了...",
    noDanmuButton: "💬 啊啦啦~ 弹幕按钮躲起来了...",
    noTheaterButton: "🎭 剧场模式按钮去度假了...",
    noFullscreenButton: "📺 全屏按钮在玩捉迷藏...",
    noVideoPlayer: "📼 诶诶?!播放器君去哪了?",
    pauseOrPlay: "⏯️ 啵~ 切换播放状态!",
    gotoPrev: "⏮️ 时光倒流到上一集!",
    gotoNext: "⏭️ 飞速跳转下一集~",
    toggleDanmu: "💫 唰~ 弹幕开关切换!",
    toggleTheater: "🎪 啪~ 剧场模式变身!",
    toggleFullscreen: "🌟 全屏模式启动!",
    volumeUp: "🔊 调大音量中~",
    volumeDown: "🔉 轻声轻声模式...",
    seekBackward: "⏪ 时光倒流中~",
    seekForward: "⏩ 快进冲鸭!",
  },
  "zh-TW": {
    addEventListenerToPlayer: "🎮 哇!成功連接到播放器啦~",
    autoPlayNext: "⏭️ 咻咻咻~ 自動跳轉下一集!",
    agreeAgePrompt: "✨ 當然已經成年啦!*眨眼*",
    skipAds: "🚀 掰掰啦廣告君~ 馬上就能看番啦!",
    dismissDialog: "🎯 啪!廣告框框消失啦!",
    dismissButtonHidden: "👀 誒嘿~等待關閉按鈕出現中...",
    dismissButtonNotFound: "🤔 咦?找不到關閉按鈕呢...",
    skipAdButton: "⚡ 唰!跳過廣告!",
    noPlayButton: "😱 嗚哇!找不到播放按鈕...",
    noPrevButton: "⚠️ 糟糕!上一集按鈕不見了...",
    noNextButton: "⚠️ 哎呀!下一集按鈕去哪了...",
    noDanmuButton: "💬 啊啦啦~ 彈幕按鈕躲起來了...",
    noTheaterButton: "🎭 劇場模式按鈕去度假了...",
    noFullscreenButton: "📺 全螢幕按鈕在玩捉迷藏...",
    noVideoPlayer: "📼 誒誒?!播放器君去哪了?",
    pauseOrPlay: "⏯️ 啵~ 切換播放狀態!",
    gotoPrev: "⏮️ 時光倒流到上一集!",
    gotoNext: "⏭️ 飛速跳轉下一集~",
    toggleDanmu: "💫 唰~ 彈幕開關切換!",
    toggleTheater: "🎪 啪~ 劇場模式變身!",
    toggleFullscreen: "🌟 全螢幕模式啟動!",
    volumeUp: "🔊 調大音量中~",
    volumeDown: "🔉 輕聲輕聲模式...",
    seekBackward: "⏪ 時光倒流中~",
    seekForward: "⏩ 快進衝鴨!",
  },
};

/**
 * Get user language and match the most suitable translation
 * @returns {string} - The language
 */
function getUserLanguage() {
  const lang = navigator.language;
  if (lang.startsWith("en")) return "en";
  if (lang === "zh-CN") return "zh-CN";
  return "zh-TW"; // Default to Traditional Chinese
}

/**
 * Get localized text
 * @param {string} key - The key
 * @returns {string} - The text
 */
function t(key) {
  const lang = getUserLanguage();
  return i18n[lang][key] || i18n["zh-TW"][key];
}

(function () {
  "use strict";

  // Handle top level window
  if (window === window.top) {
    videoPlayer = document.querySelector("#ani_video_html5_api");
    if (videoPlayer) {
      console.log(t("addEventListenerToPlayer"));
      // Auto unmute video player
      videoPlayer.addEventListener("loadstart", () => {
        videoPlayer.muted = false;
      });
      // Auto play next video
      videoPlayer.addEventListener("ended", () => {
        const nextButton = document.querySelector(".vjs-next-button");
        if (nextButton) {
          console.log(t("autoPlayNext"));
          nextButton.click();
        }
      });
    }

    // Register keyboard shortcuts
    registerKeyboardShortcuts(document);

    // Define observer to execute functions when DOM changes
    const observer = new MutationObserver(() => {
      agreeAgePrompt();
      handleVideoPlayerAds();
      ensureShortcutTitles();
    });

    // Start observing the body for changes
    observer.observe(document.body, { childList: true, subtree: true });
  }
  // Handle iframe window
  else {
    if (window.location.href.includes("safeframe.googlesyndication.com")) {
      const observer = new MutationObserver(() => {
        handleIframeAds(document);
      });
      observer.observe(document.body, { childList: true, subtree: true });
    } else if (window.location.href.includes("imasdk.googleapis.com")) {
      const observer = new MutationObserver(() => {
        handleIframeAds2(document);
      });
      observer.observe(document.body, { childList: true, subtree: true });
    }
  }
})();

/**
 * Register keyboard shortcuts
 * @param {Document} doc - The document
 */
function registerKeyboardShortcuts(doc) {
  doc.addEventListener("keydown", (event) => {
    // Ignore input fields event propagation
    if (
      event.target.tagName === "INPUT" ||
      event.target.tagName === "TEXTAREA" ||
      event.target.isContentEditable
    ) {
      return;
    }

    if (!event.ctrlKey && !event.metaKey && !event.shiftKey) {
      /**
       * Get the document of the event target
       * @type {Document}
       */
      const _doc = event.target.ownerDocument || doc;

      // P pause or play
      if (event.key === "p") {
        const playButton = _doc.querySelector(".vjs-play-control");
        if (playButton) {
          console.log(t("pauseOrPlay"));
          playButton.click();
        } else {
          console.log(t("noPlayButton"));
        }
      }
      // [ goes to previous video
      else if (event.key === "[") {
        const prevButton = _doc.querySelector(".vjs-pre-button");
        if (prevButton) {
          console.log(t("gotoPrev"));
          prevButton.click();
        } else {
          console.log(t("noPrevButton"));
        }
      }
      // ] goes to next video
      else if (event.key === "]") {
        const nextButton = _doc.querySelector(".vjs-next-button");
        if (nextButton) {
          console.log(t("gotoNext"));
          nextButton.click();
        } else {
          console.log(t("noNextButton"));
        }
      }
      // D enable or disable danmu
      else if (event.key === "d") {
        const danmuButton = _doc.querySelector(
          ".vjs-danmu-button .vjs-menu-button"
        );
        if (danmuButton) {
          console.log(t("toggleDanmu"));
          danmuButton.click();
        } else {
          console.log(t("noDanmuButton"));
        }
      }
      // T enter or exit theater mode
      else if (event.key === "t") {
        const theaterButton = _doc.querySelector(".vjs-indent-button");
        if (theaterButton) {
          console.log(t("toggleTheater"));
          theaterButton.click();
        } else {
          console.log(t("noTheaterButton"));
        }
      }
      // F enter or exit fullscreen
      else if (event.key === "f") {
        const fullscreenButton = _doc.querySelector(".vjs-fullscreen-control");
        if (fullscreenButton) {
          console.log(t("toggleFullscreen"));
          fullscreenButton.click();
        } else {
          console.log(t("noFullscreenButton"));
        }
      }
      // Video player control
      else if (!event.target.closest("video-js")) {
        const dispatchEvent = (eventType) => {
          videoPlayer.dispatchEvent(
            new KeyboardEvent(eventType, {
              key: event.key,
              code: event.code,
              keyCode: event.keyCode,
              which: event.which,
              bubbles: true,
              cancelable: true,
              composed: true,
              isTrusted: true,
            })
          );
        };

        // ↑ video volume up
        if (event.key === "ArrowUp") {
          if (videoPlayer) {
            if (videoPlayer.volume < 1) {
              event.preventDefault();
              console.log(t("volumeUp"));
              dispatchEvent("keydown");
            }
          } else {
            console.log(t("noVideoPlayer"));
          }
        }
        // ↓ video volume down
        else if (event.key === "ArrowDown") {
          if (videoPlayer) {
            if (videoPlayer.volume > 0) {
              event.preventDefault();
              console.log(t("volumeDown"));
              dispatchEvent("keydown");
            }
          } else {
            console.log(t("noVideoPlayer"));
          }
        }
        // ← video backward
        else if (event.key === "ArrowLeft") {
          if (videoPlayer) {
            if (videoPlayer.currentTime > 0) {
              event.preventDefault();
              console.log(t("seekBackward"));
              dispatchEvent("keydown");
            }
          } else {
            console.log(t("noVideoPlayer"));
          }
        }
        // → video forward
        else if (event.key === "ArrowRight") {
          if (videoPlayer) {
            if (videoPlayer.currentTime < videoPlayer.duration) {
              event.preventDefault();
              console.log(t("seekForward"));
              dispatchEvent("keydown");
            }
          } else {
            console.log(t("noVideoPlayer"));
          }
        }
      }
    }
  });
}

/**
 * Agree to age prompt
 */
function agreeAgePrompt() {
  const agePrompt = document.querySelector("button.choose-btn-agree#adult");
  if (agePrompt) {
    console.log(t("agreeAgePrompt"));
    agePrompt.click();
  }
}

/**
 * Handle ads in video player
 */
function handleVideoPlayerAds() {
  const skipButton = document.querySelector("#adSkipButton");
  if (skipButton) {
    if (skipButton.classList.contains("enable")) {
      console.log(t("skipAds"));
      skipButton.click();
    } else {
      videoPlayer.muted = true;
    }
  }

  const skipButton2 = document.querySelector(".nativeAD-skip-button.enable");
  if (skipButton2 && !skipButton2.classList.contains("vjs-hidden")) {
    console.log(t("skipAds"));
    skipButton2.click();
  }
}

/**
 * Ensure shortcut titles
 */
function ensureShortcutTitles() {
  /**
   * Ensure title ends with text
   * @param {Element|null} element - The element
   * @param {string} text - The text
   */
  function ensureTitleEndsWith(element, text) {
    if (!element) {
      return;
    }
    const title = element.getAttribute("title");
    if (!title) {
      element.setAttribute("title", text);
    } else if (!title.endsWith(text)) {
      element.setAttribute("title", title + " " + text);
    }
  }

  // Play button
  ensureTitleEndsWith(document.querySelector(".vjs-play-control"), "(P)");
  // Previous button
  ensureTitleEndsWith(document.querySelector(".vjs-pre-button"), "([)");
  // Next button
  ensureTitleEndsWith(document.querySelector(".vjs-next-button"), "(])");
  // Danmu button
  ensureTitleEndsWith(document.querySelector(".vjs-danmu-button"), "(D)");
  // Theater button
  ensureTitleEndsWith(document.querySelector(".vjs-indent-button"), "(T)");
  // Fullscreen button
  ensureTitleEndsWith(document.querySelector(".vjs-fullscreen-control"), "(F)");
}

/**
 * Handle ads in iframe
 * @param {Document} doc - The iframe document
 */
function handleIframeAds(doc) {
  const adsCountDown = doc.querySelector("#count-down-text");
  if (adsCountDown) {
    const dismissDialog = () => {
      const dismissButton = doc.querySelector("#card #dismiss-button-element");
      if (dismissButton) {
        if (dismissButton.style.display !== "none") {
          console.log(t("dismissDialog"));
          dismissButton.click();
        } else {
          console.log(t("dismissButtonHidden"));
        }
      } else {
        console.log(t("dismissButtonNotFound"));
      }
    };
    if (adsCountDown.offsetParent === null) {
      dismissDialog();
    } else if (adsCountDown.textContent === "1 秒後即可獲得獎勵") {
      setTimeout(dismissDialog, 1000);
    }
  }
}

/**
 * Handle ads in iframe
 * @param {Document} doc - The iframe document
 */
function handleIframeAds2(doc) {
  const skipButton = doc.querySelector('[aria-label="Skip Ad"]');
  if (skipButton) {
    if (skipButton.textContent === "Skip Ad") {
      console.log(t("skipAdButton"));
      skipButton.click();
    } else {
      videoPlayer.muted = true;
    }
  }
}

// Release notes

// 2024-12-23 version 0.6.0
// - 新增日誌本地化支援
// - 修改日誌描述文本

// 2024-12-18 version 0.5.0
// - 新增自動播放下一集
// - 完善頁面快速鍵相關按鈕的 title 屬性

// 2024-12-16 version 0.4.0
// - 規範版本號

// 2024-12-16 version 0.3
// - 註冊快速鍵 ↑ ↓ ← → 分別控制音量、時間軸
// - 註冊快捷鍵 D 控制彈幕

// 2024-12-15 version 0.2
// - 新增標籤 video, anime, utilities

// 2024-12-14 version 0.1
// - 自動同意年齡確認
// - 廣告倒計時結束結束自動跳過廣告
// - 播放廣告時靜音,播放影片時取消靜音
// - 註冊快捷鍵 [ 和 ] 分別跳到上一個和下一個視頻
// - 註冊快速鍵 P 暫停或播放
// - 註冊快速鍵 T 進入或退出劇院模式
// - 註冊快速鍵 F 進入或退出全螢幕