B站直播间音量快捷控制
快捷调整B站直播间音量的油猴脚本，支持循环切换和弹出菜单两种模式，完美适配深色模式。
✨ 功能特点
- 🎯 快捷音量切换 - 一键在预设音量值之间切换
- 🔄 双模式切换 - 支持循环切换和弹出菜单两种模式
- 🌙 深色模式适配 - 自动检测并适配B站深色模式
- ⚡ 设置即时生效 - 保存设置后立即应用，无需刷新页面
- 🎨 自定义预设 - 自由添加、删除、编辑预设音量值
- 🔧 灵活配置 - 支持调整按钮透明度等设置
📦 安装
前置要求
安装步骤
- 点击浏览器工具栏中的 Tampermonkey 图标
- 选择「添加新脚本」
- 删除默认内容，将
bilibili-live-volume.user.js 的完整代码粘贴进去
- 按
Ctrl + S 保存
🚀 使用方法
基本操作
- 左键点击 按钮：切换音量（根据设置的模式）
- 右键点击 按钮：打开/关闭设置面板
切换模式
循环切换模式（默认）
点击按钮按顺序循环切换预设音量：
0% → 10% → 30% → 50% → 70% → 100% → 0% → ...
弹出菜单模式
点击按钮弹出音量选择菜单，直接点击想要的音量值。
设置面板
右键点击按钮打开设置面板，可配置：
- 切换模式 - 选择循环切换或弹出菜单
- 预设音量值 - 添加、删除或编辑预设的音量值（0-100）
- 按钮透明度 - 调整悬浮按钮的透明度
⚙️ 配置选项
| 选项 |
默认值 |
说明 |
presetVolumes |
[0, 10, 30, 50, 70, 100] |
预设音量值列表 |
switchMode |
cycle |
切换模式：cycle 循环 / menu 菜单 |
buttonOpacity |
0.7 |
按钮透明度 (0.3 - 1.0) |
currentIndex |
2 |
当前音量索引（循环模式使用） |
界面预览
主按钮 - 页面左下角的悬浮按钮，显示当前音量值
设置面板 - 右键点击主按钮打开，支持浅色/深色主题
弹出菜单 - 菜单模式下左键点击主按钮弹出
🛠️ 技术实现
- 通过 HTML5
<video> 元素的 volume 属性直接控制音量
- 使用
GM_setValue / GM_getValue 持久化存储用户配置
- 动态注入 CSS 样式，支持主题实时切换
- MutationObserver 监听主题变化，自动适配深色模式
🔍 兼容性
- ✅ Chrome / Edge
- ✅ Firefox
- ✅ Tampermonkey
- ✅ Violentmonkey
📝 更新日志
v1.2.0 (2026-09-09)
- ✅ 设置即时生效，无需刷新页面
- ✅ 保存设置后自动应用到UI
v1.1.1 (2026-09-09)
v1.1.0 (2026-09-09)
- ✅ 添加深色模式支持
- ✅ 自动检测B站主题并适配
- ✅ 监听主题变化实时更新UI
v1.0.0 (2026-09-09)
- 🎉 首次发布
- ✅ 支持循环切换和弹出菜单两种模式
- ✅ 可自定义预设音量值
- ✅ 支持调整按钮透明度
- ✅ 配置持久化存储
