☰

VidSpeeder

VidSpeeder is a JavaScript script that enables you to increase or decrease the playback speed of YouTube videos beyond their standard limits.

// ==UserScript==
// @name         VidSpeeder
// @namespace    https://github.com/DemianAdam/VidSpeeder
// @version      0.3
// @description  VidSpeeder is a JavaScript script that enables you to increase or decrease the playback speed of YouTube videos beyond their standard limits.
// @author       Dnam
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @license      GPL-3.0-only
// ==/UserScript==
(function () {
    "use strict";
    setInterval(mainSpeedRate,1000);
})();

function mainSpeedRate() {
    if(document.querySelector("#videoSpeedSpan") || location.url == "https://www.youtube.com/")
    {
        return;
    }
    console.log("wea");
    let video = document.querySelector('video');
    let gRate = video.playbackRate;
    addSpeedShorcutEvents();
    initializeSpeedRateChangedEvent();
    addSpeedSpan();
    function speedUp() {
        video.playbackRate += 0.25;
    }
    function speedDown() {
        video.playbackRate -= 0.25;
    }
    function resetSpeed() {
        video.playbackRate = 1;
    }
    function speedChange(e) {
        let changed = false;
        if (e.altKey && e.code === 'Period') {
            speedUp()
            changed = true;
        }
        else if (e.altKey && e.code === 'Comma') {
            if(video.playbackRate >= 0.50){
                speedDown();
            }
            changed = true;
        }
        else if (e.altKey && e.code === "Slash") {
            resetSpeed();
            changed = true;
        }

        if (changed) {
            document.getElementById('movie_player').wakeUpControls();
        }
    }
    function speedRateChangedEvent(OnSpeedRateChanges) {
        let rate = video.playbackRate;
        if (rate != gRate) {
            OnSpeedRateChanges.forEach(element => {
                element();
            });
            gRate = rate;
        }
    }
    function updateSpeedRateSpan() {
        let control = document.querySelector("#videoSpeedSpan");
        control.innerHTML = "Speed: x" + video.playbackRate;
    }
    function createSpan() {
        let control = document.createElement("span");
        control.setAttribute("id", "videoSpeedSpan");
        control.innerHTML = "Speed: x" + video.playbackRate;
        control.style.border = "0.5px solid"
        control.style.padding = "0.5em";
        return control;
    }
    function createContainer(control) {
        let container = document.createElement("div");
        container.style.marginLeft = "2px";
        container.append(control);
        return container;
    }
    function addSpeedSpan() {

        if (!document.querySelector("#videoSpeedSpan")) {
            let control = createSpan();
            let container = createContainer(control);
            console.log("weaasdasdasda");
            document.getElementsByClassName('ytp-left-controls')[0].append(container);
            console.log("TESTASRSADSADA");
        }
    }
    function addSpeedShorcutEvents() {
        document.addEventListener('keyup', speedChange);
    }
    function initializeSpeedRateChangedEvent() {
        const OnSpeedRateChanges = [];
        OnSpeedRateChanges.push(updateSpeedRateSpan);
        setInterval(() => speedRateChangedEvent(OnSpeedRateChanges), 250);
    }
}