Bilibili Volume Control

bilibili-volume-control.user.js

// ==UserScript==
// @name         Bilibili Volume Control
// @version      2025-05-19
// @description  Smaller step for volume control on Bilibili video player.
// @author       Pig Fang
// @match        https://www.bilibili.com/video/*
// @match        https://www.bilibili.com/list/watchlater*
// @match        https://www.bilibili.com/bangumi/play/*
// @grant        none
// ==/UserScript==
;(function() {
  const STEP = 0.03
  let toastId

  window.addEventListener('keydown', (event) => {
    if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
      event.stopImmediatePropagation()
      event.preventDefault()
      window.player.setVolume(window.player.getVolume() + STEP * (event.key === 'ArrowUp' ? 1 : -1))

      const toastOptions = { text: `${~~(window.player.getVolume() * 100)}%`, duration: 5000 }
      if (!window.player.toast.update(toastId, toastOptions)) {
        toastId = window.player.toast.create(toastOptions)
      }
    }
  })
})()