☰

自定义B站直播间音量

为不同直播间单独保存音量设置

// ==UserScript==
// @name         自定义B站直播间音量
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  为不同直播间单独保存音量设置
// @author       果冻大神
// @match        https://live.bilibili.com/*
// @icon         https://live.bilibili.com/favicon.ico
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 获取并返回保存的音量设置，若没有则返回默认音量 50%
    function getSavedVolume(roomId) {
        return parseFloat(localStorage.getItem(`volume-${roomId}`)) || 0.33; // 默认音量 33%
    }

    // 保存音量设置
    function saveVolume(roomId, volume) {
        localStorage.setItem(`volume-${roomId}`, volume);
    }

    // 设置指定父元素下所有视频元素的音量
    function setVolumeForVideos(parentSelector, volume) {
        const parentElement = document.querySelector(parentSelector);
        if (parentElement) {
            const videos = parentElement.querySelectorAll("video");
            videos.forEach(video => {
                video.volume = volume;
            });
            console.log(`音量设置为 ${volume * 100}%`);
            return true;
        } else {
            console.log(`未找到选择器为 ${parentSelector} 的父元素。`);
            return false;
        }
    }

    // 获取当前直播间的房间 ID
    function getRoomIdentifier() {
        const url = window.location.href;
        const match = url.match(/live\.bilibili\.com\/(?:blanc\/)?(\d+)/);
        return match ? match[1] : null; // 提取房间ID
    }


    // 监听指定元素的高度变化并根据高度设置音量
    function monitorHeightChange(selector, parentSelector) {
        const targetElement = document.querySelector(selector);
        if (!targetElement) {
            console.error(`未找到选择器为 ${selector} 的目标元素。`);
            return;
        }

        let previousHeight = targetElement.style.height;
        const roomId = getRoomIdentifier();

        if (!roomId) {
            console.error("未找到房间号。");
            return;
        }


        const customVolume = getSavedVolume(roomId);

        // 更新音量设置
        function updateVolume() {
            const currentHeight = targetElement.style.height;
            if (currentHeight !== previousHeight) {
                previousHeight = currentHeight;

                // 解析并转换高度值为音量
                const heightPercent = parseFloat(currentHeight);
                if (!isNaN(heightPercent)) {
                    const volume = heightPercent / 100; // 假设高度是百分比

                    setVolumeForVideos(parentSelector, volume);
                    saveVolume(roomId, volume);
                    console.log(`高度变化，音量更新为 ${volume * 100}%`);
                } else {
                    console.error("无法解析高度值。");
                }
            }
        }

        // 使用 MutationObserver 监听 style.height 的变化
        const observer = new MutationObserver(updateVolume);
        observer.observe(targetElement, { attributes: true, attributeFilter: ['style'] });

        // 初始化音量设置
        updateVolume();
    }

        // 检测视频源切换并重新设置音量
    function detectSourceChangeAndSetVolume(parentSelector) {
        let lastPlayUrl = null;

        function checkForSourceChange() {
            const playerInfo = window.livePlayer?.getPlayerInfo();
            if (playerInfo) {
                const currentPlayUrl = playerInfo.playurl;
                if (currentPlayUrl !== lastPlayUrl) {
                    lastPlayUrl = currentPlayUrl;
                    const roomId = getRoomIdentifier();
                    if (roomId) {
                        const savedVolume = getSavedVolume(roomId);
                        setVolumeForVideos(parentSelector, savedVolume);
                        console.log(`检测到视频源切换，重新设置音量为 ${savedVolume * 100}%`);
                    }
                }
            }
        }

        setInterval(checkForSourceChange, 1000); // 每秒检查一次
    }

    // 等待房间 ID 可用时执行回调
    function waitForRoomIdentifier(callback) {
        const interval = setInterval(() => {
            const roomId = getRoomIdentifier();
            if (roomId) {
                clearInterval(interval);
                callback(roomId);
            }
        }, 1000); // 每秒检查一次
    }

    // 应用音量设置并检查 10 秒
    function applyVolumeSettings(parentSelector, duration) {
        const roomId = getRoomIdentifier();
        console.log(`房间号为 ${roomId}`);
        if (!roomId) {
            console.error("未找到房间标识符。");
            return;
        }

        const savedVolume = parseFloat(getSavedVolume(roomId));
        const endTime = Date.now() + duration;
        const interval = 1000;

        const timer = setInterval(() => {
            const found = setVolumeForVideos(parentSelector, savedVolume);

            if (found) {
                clearInterval(timer);
            }

            if (Date.now() > endTime) {
                clearInterval(timer);
            }
        }, interval);
    }

    // 设置鼠标悬停监听器以监控高度变化
    function setupHoverListener(playbackSelector, volumeControlSelector, monitorSelector, parentSelector) {
        const playbackElement = document.querySelector(playbackSelector);
        if (!playbackElement) {
            console.error(`未找到选择器为 ${playbackSelector} 的播放区域元素。`);
            return;
        }

        playbackElement.addEventListener('mouseenter', () => {
            console.log('鼠标进入播放区域。');

            setTimeout(() => {
                // 监听音量控制元素的鼠标悬停
                const volumeControlElement = document.querySelector(volumeControlSelector);
                if (!volumeControlElement) {
                    console.error(`未找到选择器为 ${volumeControlSelector} 的音量控制元素。`);
                    return;
                }

                volumeControlElement.addEventListener('mouseenter', () => {
                    console.log('鼠标进入音量控制区域。开始监听高度变化。');
                    setTimeout(() => {
                        monitorHeightChange(monitorSelector, parentSelector);
                    }, 100);
                });
            }, 100);
        });
    }

    // 启动程序，等待房间 ID 可用并设置监听器
    waitForRoomIdentifier(() => {
        setupHoverListener("#live-player", "#web-player-controller-wrap-el > div > div > div.left-area.svelte-4rgwwa > div.volume.svelte-qk4eah","#web-player-controller-wrap-el > div > div > div.left-area.svelte-4rgwwa > div.volume.svelte-qk4eah > div > div > div.slider-rail.svelte-crc1ty > div.slider-track.svelte-crc1ty.height-trans", "#live-player");
        applyVolumeSettings("#live-player", 10000);
        detectSourceChangeAndSetVolume("#live-player");
    });

})();