bilibili - 快捷操作 - 关灯模式

增加关灯模式快捷操作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         bilibili - 快捷操作 - 关灯模式
// @namespace    http://tampermonkey.net/
// @description  增加关灯模式快捷操作
// @version      1.0.0
// @author       L
// @match        *://www.bilibili.com/video/*
// @license      GNU GPLv3
// ==/UserScript==

(function() {
    'use strict';

    function toggleLight() {
        document.querySelector("#bilibili-player input[aria-label='关灯模式']").click();
    }

    document.addEventListener('keydown', (event) => {
        if (event.key === 'a') {
            toggleLight();
        }
    });

    const offLightDiv = document.createElement("div");
    offLightDiv.className = 'bpx-player-ctrl-quality-result';
    offLightDiv.textContent = '关灯模式';
    offLightDiv.addEventListener("click", toggleLight);

    const outerDiv = document.createElement("div");
    outerDiv.className = 'bpx-player-ctrl-btn bpx-player-ctrl-quality';
    outerDiv.setAttribute('role', 'button');
    outerDiv.setAttribute('aria-label', '关灯模式');
    outerDiv.setAttribute('tabindex', '0');
    outerDiv.appendChild(offLightDiv);

    const controlPanel = document.querySelector("div.bpx-player-control-bottom-right");
    controlPanel.appendChild(outerDiv);
})();