☰

YouTube 按键加速播放

在YouTube上按住右箭头键时视频加速到2.5倍速，避免了与原有快进功能冲突

当前为 2024-12-13 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         YouTube 按键加速播放
  3. // @name:en      YouTube Speed Control
  4. // @namespace    http://tampermonkey.net/
  5. // @version      0.4
  6. // @description  在YouTube上按住右箭头键时视频加速到2.5倍速，避免了与原有快进功能冲突
  7. // @description:en  Hold right arrow key to speed up YouTube video to 2.5x, without interfering with the forward function
  8. // @author       landrarwolf
  9. // @match        https://www.youtube.com/*
  10. // @license      MIT
  11. // @supportURL   https://github.com/yourusername/youtube-speed-control/issues
  12. // @grant        none
  13. // ==/UserScript==
  14.  
  15. (function() {
  16.     'use strict';
  17.     
  18.     let normalSpeed = 1.0;  // 保存正常播放速度
  19.     let speedTimeout = null; // 用于延迟处理速度变化
  20.     let isSpeedUp = false;  // 标记是否处于加速状态
  21.     let pressStartTime = 0;  // 记录按键开始时间
  22.     let speedIndicator = null; // 速度提示元素
  23.     
  24.     // 创建速度提示元素
  25.     function createSpeedIndicator() {
  26.         const indicator = document.createElement('div');
  27.         indicator.style.cssText = `
  28.             position: fixed;
  29.             top: 20px;
  30.             left: 50%;
  31.             transform: translateX(-50%);
  32.             background-color: rgba(0, 0, 0, 0.8);
  33.             color: white;
  34.             padding: 8px 16px;
  35.             border-radius: 4px;
  36.             z-index: 9999;
  37.             font-size: 14px;
  38.             font-family: Arial, sans-serif;
  39.             display: none;
  40.             transition: opacity 0.2s;
  41.         `;
  42.         indicator.textContent = '⚡ 2.5x 加速中';
  43.         document.body.appendChild(indicator);
  44.         return indicator;
  45.     }
  46.     
  47.     // 显示速度提示
  48.     function showSpeedIndicator() {
  49.         if (!speedIndicator) {
  50.             speedIndicator = createSpeedIndicator();
  51.         }
  52.         speedIndicator.style.display = 'block';
  53.         speedIndicator.style.opacity = '1';
  54.     }
  55.     
  56.     // 隐藏速度提示
  57.     function hideSpeedIndicator() {
  58.         if (speedIndicator) {
  59.             speedIndicator.style.opacity = '0';
  60.             setTimeout(() => {
  61.                 speedIndicator.style.display = 'none';
  62.             }, 200);
  63.         }
  64.     }
  65.  
  66.     // 监听键盘按下事件
  67.     document.addEventListener('keydown', function(event) {
  68.         if (event.key === 'ArrowRight') {
  69.             if (!event.repeat) {
  70.                 pressStartTime = Date.now();
  71.                 speedTimeout = setTimeout(() => {
  72.                     const video = document.querySelector('video');
  73.                     if (video) {
  74.                         normalSpeed = video.playbackRate;
  75.                         video.playbackRate = 2.5;
  76.                         isSpeedUp = true;
  77.                         showSpeedIndicator();
  78.                     }
  79.                     event.preventDefault();
  80.                     event.stopPropagation();
  81.                 }, 200);
  82.             } else {
  83.                 if (Date.now() - pressStartTime > 200) {
  84.                     event.preventDefault();
  85.                     event.stopPropagation();
  86.                 }
  87.             }
  88.         }
  89.     }, true);
  90.     
  91.     // 监听键盘释放事件
  92.     document.addEventListener('keyup', function(event) {
  93.         if (event.key === 'ArrowRight') {
  94.             const pressDuration = Date.now() - pressStartTime;
  95.             
  96.             if (speedTimeout) {
  97.                 clearTimeout(speedTimeout);
  98.                 speedTimeout = null;
  99.             }
  100.             
  101.             if (pressDuration < 200) {
  102.                 return;
  103.             }
  104.             
  105.             if (isSpeedUp) {
  106.                 const video = document.querySelector('video');
  107.                 if (video) {
  108.                     video.playbackRate = normalSpeed;
  109.                     isSpeedUp = false;
  110.                     hideSpeedIndicator();
  111.                 }
  112.                 event.preventDefault();
  113.                 event.stopPropagation();
  114.             }
  115.         }
  116.     }, true);
  117. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址