KissAnime player speed

Greasy Fork is available in English.

KissAnime player speed

Adds buttons to change the player speed on KissAnime

Zadaj pytanie, napisz recenzję, lub zgłoś ten skrypt.

Wrap lines

// ==UserScript==
// @name        KissAnime player speed
// @description   Adds buttons to change the player speed on KissAnime
// @match       *://*.kissanime.ru/Anime/*/*
// @grant       none
// @version     1.1
// @author      henrik9999
// @run-at      document-idle
// @namespace https://greasyfork.org/users/412318
// ==/UserScript==

var node = document.createElement('style');
node.innerHTML = '#speedchanger {float:left; margin-top:5px} #speedchanger > button.active {background-color:grey}'
document.body.appendChild(node);

document.querySelector("#divQuality").parentElement.parentElement.innerHTML += "<span id='speedchanger'><button class='speed'>0.25</button><button class='speed'>0.5</button><button class='speed active'>1</button><button class='speed'>1.5</button><button class='speed'>2</button></span>";

var buttons = document.querySelectorAll('#speedchanger > button.speed');
for (var i = 0; i < buttons.length; i++) {
    addBtnListener(buttons[i]);
}

function addBtnListener(self) {
    self.addEventListener('click', function (event) {
        setSpeed(self.textContent);
    }, false);
}

function setButtonActive(speed) {
    document.querySelector("span#speedchanger > button.active").classList.remove('active');
    var buttons = document.querySelectorAll("#speedchanger > button.speed");
    buttons.forEach(function(el) {
        if (el.textContent === speed) {
            el.classList.add('active')
        }
    });
}

function setSpeed(speed) {
    setButtonActive(speed);
    var player = document.querySelector("#divMyVideo").getElementsByTagName("video")[0];
    player.playbackRate = speed;
    console.log("set speed to " + player.playbackRate);
}