Youtube keyboard shortcuts

Add keyboard shortcuts for Youtube

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Youtube keyboard shortcuts
// @namespace    https://greasyfork.org/en/users/674736-jatin-sharma
// @version      0.3
// @description  Add keyboard shortcuts for Youtube
// @author       Jatin Sharma ([email protected])
// @match        https://www.youtube.com/watch?v=*
// @grant        none
// jshint        esversion:6
// ==/UserScript==


(function() {
    'use strict';
    let firstTime = true;

    function clickSettingsButton() {
        document.querySelector('.ytp-settings-button').click();
//        console.log('Settings button clicked');
    }

    function toggleSettingsPanel() {
        let isQualityPanelOpen = document.querySelector('.ytp-quality-menu') !== null;
        if (isQualityPanelOpen) {
            clickSettingsButton();
            setTimeout(clickSettingsButton, 100);
        } else {
            clickSettingsButton();
        }
    }

    function toggleQualitySettingsPanel() {
        if (firstTime) {
            clickSettingsButton();
            clickSettingsButton();
            firstTime = false;
        }
        let isSettingsPanelOpen = document.querySelector('.ytp-settings-menu').style.display !== 'none';
        let isQualityPanelOpen = document.querySelector('.ytp-quality-menu') !== null;
        if (!isQualityPanelOpen) {
            if(isSettingsPanelOpen) clickSettingsButton();
            document.querySelector('.ytp-panel').lastChild.lastElementChild.click();
        }
//        if (isSettingsPanelOpen) clickSettingsButton();
        clickSettingsButton();
    }

    window.addEventListener('load', (event) => {
        console.log('Window loaded');
        document.addEventListener('keydown', (e) => {
            let t = e.target;
            if (t.matches('div[contenteditable="true"') || (t.matches('input') && t.type === 'text')) {
                return;
            }
            if (!e.repeat) {
                if (e.key === 'q') toggleQualitySettingsPanel();
                else if (e.key === 's') toggleSettingsPanel();
            }
        });
        console.log('Shortcut keys registered');
    });
})();