html5 video speed controller (vlc like) modified by Sapioit

Simple html5 video speed control with 's', 'd', and 'r'. 's': decrease by 0.25, 'd': increase by 0.25, 'r': back to 1.0x

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name        html5 video speed controller (vlc like) modified by Sapioit
// @namespace   github.com/sky-bro
// @version     1.1.0.0
// @description Simple html5 video speed control with 's', 'd', and 'r'. 's': decrease by 0.25, 'd': increase by 0.25, 'r': back to 1.0x
// @author      https://sky-bro.github.io      https://sapioit.com
// @match       https://www.youtube.com/*
// @match       https://www.bilibili.com/*
// @match       *://*.zhihuishu.com/*
// @license     GPL-2.0-only; http://www.gnu.org/licenses/gpl-2.0.txt
// @grant       none
// ==/UserScript==

(function() {
    'use strict';
    function setPlaybackRate(player, rate) {
        if (rate < 0.1) rate = 0.1;
        else if (rate > 40) rate = 40;
        player.playbackRate = rate;
        console.log("playing in %sx", (rate).toFixed(1));
    }

    window.addEventListener('keypress', function(event) {
        var player = document.querySelector("video");
        // console.log(event);
        var curRate = Number(player.playbackRate);
        // vlc actually uses '[' and ']', but they are used by vimium
        if (event.key == "s") {
            console.log("s pressed");
            setPlaybackRate(player, curRate - 0.25);
        } else if(event.key == "d") {
            console.log("d pressed");
            setPlaybackRate(player, curRate + 0.25);
        } else if(event.key == "r") {
            console.log("r pressed");
            setPlaybackRate(player, 1);
        }
    });
})();