☰

YouTube 4x Speed

Add a 4x speed option to YouTube player.

目前为 2024-09-06 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube 4x Speed
  3. // @namespace    https://www.youtube.com/
  4. // @version      1.0
  5. // @description  Add a 4x speed option to YouTube player.
  6. // @author       YourName
  7. // @match        https://www.youtube.com/*
  8. // @grant        none
  9. // ==/UserScript==
  10.  
  11. (function() {
  12.     'use strict';
  13.  
  14.     function addSpeedOption() {
  15.         const player = document.querySelector('video');
  16.         const speedMenu = document.querySelector('.ytp-settings-menu');
  17.         
  18.         if (player && speedMenu) {
  19.             const existingSpeeds = player.playbackRate;
  20.             
  21.             // Add the 4x speed option to the playback rate menu if it doesn't already exist
  22.             if (!Array.from(document.querySelectorAll('.ytp-menuitem')).some(el => el.innerText.includes('4'))) {
  23.                 const speedOption = document.createElement('div');
  24.                 speedOption.className = 'ytp-menuitem';
  25.                 speedOption.setAttribute('role', 'menuitem');
  26.                 speedOption.setAttribute('aria-checked', 'false');
  27.                 speedOption.setAttribute('tabindex', '0');
  28.                 
  29.                 const speedLabel = document.createElement('div');
  30.                 speedLabel.className = 'ytp-menuitem-label';
  31.                 speedLabel.innerText = '4x';
  32.                 
  33.                 speedOption.appendChild(speedLabel);
  34.                 
  35.                 speedOption.addEventListener('click', function() {
  36.                     player.playbackRate = 4.0;
  37.                     closeSpeedMenu();
  38.                 });
  39.  
  40.                 speedMenu.appendChild(speedOption);
  41.             }
  42.         }
  43.     }
  44.  
  45.     function closeSpeedMenu() {
  46.         // Close the YouTube settings menu
  47.         const settingsButton = document.querySelector('.ytp-settings-button');
  48.         settingsButton.click();
  49.     }
  50.  
  51.     function observerCallback() {
  52.         addSpeedOption();
  53.     }
  54.  
  55.     // Mutation observer to ensure the script runs even after navigating to a different video
  56.     const observer = new MutationObserver(observerCallback);
  57.     observer.observe(document, { childList: true, subtree: true });
  58. })();