// ==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 進入或退出全螢幕