feat(adblocker): add new option AdSpeedup (#2235)

* Ad speedup code

* And ad-speedup translations

* Update index.ts

* fix error

* Update build.yml

* add AdSpeedup as adBlock option

* remove it as own plugin

* remove console.log

* add semicolons

src/plugins/adblocker/adSpeedup.ts

@@ -0,0 +1,56 @@
+function skipAd(target: Element) {
+  const skipButton = target.querySelector<HTMLButtonElement>('button.ytp-ad-skip-button-modern');
+  if (skipButton) {
+    skipButton.click();
+  }
+}
+
+function speedUpAndMute(player: Element, isAdShowing: boolean) {
+  const video = player.querySelector<HTMLVideoElement>('video');
+  if (!video) return;
+  if (isAdShowing) {
+    video.playbackRate = 16;
+    video.muted = true;
+  } else if (!isAdShowing) {
+    video.playbackRate = 1;
+    video.muted = false;
+  }
+}
+
+export const loadAdSpeedup = async () => {
+  const player = document.querySelector<HTMLVideoElement>('#movie_player');
+  if (!player) return;
+
+  new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      if (
+        mutation.type === 'attributes' &&
+        mutation.attributeName === 'class'
+      ) {
+        const target = mutation.target as HTMLElement;
+
+        const isAdShowing =
+          target.classList.contains('ad-showing') ||
+          target.classList.contains('ad-interrupting');
+        speedUpAndMute(target, isAdShowing);
+      }
+      if (
+        mutation.type === 'childList' &&
+        mutation.addedNodes.length &&
+        mutation.target instanceof HTMLElement
+      ) {
+        skipAd(mutation.target);
+      }
+    }
+  }).observe(player, {
+    attributes: true,
+    childList: true,
+    subtree: true,
+  });
+
+  const isAdShowing =
+    player.classList.contains('ad-showing') ||
+    player.classList.contains('ad-interrupting');
+  speedUpAndMute(player, isAdShowing);
+  skipAd(player);
+}

src/plugins/adblocker/index.ts

@@ -14,6 +14,7 @@ import { inject, isInjected } from './injectors/inject';
 import { t } from '@/i18n';
 
 import type { BrowserWindow } from 'electron';
+import { loadAdSpeedup } from './adSpeedup';
 
 interface AdblockerConfig {
   /**
@@ -72,6 +73,14 @@ export default createPlugin({
       },
     ];
   },
+  renderer: {
+    async onPlayerApiReady(_, {getConfig}) {
+      const config = await getConfig();
+      if (config.blocker === blockers.AdSpeedup) {
+        await loadAdSpeedup();
+      }
+    }
+  },
   backend: {
     mainWindow: null as BrowserWindow | null,
     async start({ getConfig, window }) {

src/plugins/adblocker/types/index.ts

@@ -1,4 +1,5 @@
 export const blockers = {
   WithBlocklists: 'With blocklists',
   InPlayer: 'In player',
+  AdSpeedup: 'Ad speedup',
 } as const;