油猴插件：视频倍速脚本（0.5倍速-3.0倍速）

漆黑的莫莫

于 2024-09-15 22:52:34 发布

阅读量22

点赞数 1

分类专栏：前端开发文章标签： javascript

本文链接：https://blog.csdn.net/qq_45831414/article/details/142290355

版权

前端开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

// ==UserScript==
// @license      MIT
// @name         视频自动倍速播放（可记住用户设定值并自动设置播放速度）
// @description  自动为网页中的视频设置倍速播放，智能记忆用户设定的视频倍速并存储在本地，播放所有支持的视频都会自动使用该倍速。
// @match        *://*/*
// ==/UserScript==

(function() {
    'use strict';

    // 设置默认的播放速度为3倍速
    const defaultSpeed = 3;

    // 从localStorage获取用户设定的播放速度，默认为defaultSpeed
    let playerSpeed = localStorage.getItem("user_video_speed") || defaultSpeed;

    // 检查playerSpeed是否是一个有效的浮点数
    if (isNaN(parseFloat(playerSpeed))) {
        // 如果不是有效数值，则恢复为默认速度，并存入localStorage
        playerSpeed = defaultSpeed;
        localStorage.setItem("user_video_speed", playerSpeed);
    }

    // 监听键盘事件，允许通过Shift键组合数字键快速切换播放速度
    window.addEventListener("keydown", function(event) {
        if (event.shiftKey) { // 只有当按下Shift键时才处理以下按键
            switch (event.keyCode) {
                case 49: // Shift + 1 设置为0.5倍速
                    playerSpeed = 0.5;
                    break;
                case 50: // Shift + 2 设置为1倍速
                    playerSpeed = 1;
                    break;
                case 51: // Shift + 3 设置为1.5倍速
                    playerSpeed = 1.5;
                    break;
                case 52: // Shift + 4 设置为2倍速
                    playerSpeed = 2;
                    break;
                case 53: // Shift + 5 设置为2.5倍速
                    playerSpeed = 2.5;
                    break;
                case 54: // Shift + 6 设置为3倍速
                    playerSpeed = 3;
                    break;
                default:
                    return; // 如果不是上述按键则直接返回
            }
            // 更新localStorage中的播放速度
            localStorage.setItem("user_video_speed", playerSpeed);
            console.log("用户已将播放速度更改为: " + playerSpeed);
            // 应用新的播放速度
            applySpeed();
        }
    });

    // 函数用于应用播放速度到页面中的所有video元素
    function applySpeed() {
        const videos = document.querySelectorAll("video");
        videos.forEach(video => {
            video.playbackRate = parseFloat(playerSpeed);
        });
    }

    // 在DOM完全加载后立即应用播放速度
    document.addEventListener("DOMContentLoaded", applySpeed);

    // 每隔2秒检查并重新应用播放速度，以确保在播放器加载后也能正确设置速度
    setInterval(applySpeed, 2000);
})();