Vivaldi userscript that can remove video and add custom slider to youtube music for web panel usage

youtube_slider.js

// ==UserScript==
// @name Youtube Volume Slider
// @description Custom volume slider for youtube music.
// @author mdrokz
// @match https://music.youtube.com/*
// @version 2.6
// ==/UserScript==


(function() {
    
    const interval = setInterval(() => {
        let video = document.getElementsByTagName('video')[0];
    
        if(video) {
            video.remove();
            clearInterval(interval);
        }
        
    },2000);
    
    let custom_slider = document.createElement('input');
    
    // set properties
    custom_slider.type = "range";
    custom_slider.min = "0";
    custom_slider.max = "100";
    custom_slider.id = "custom-slider";
    custom_slider.defaultValue = "40";
    custom_slider.style.width = "30%";
    
    custom_slider.onchange = function(e) {
        let slider = document.getElementById("volume-slider");
     
        let value = parseInt(e.target.value);

        slider.value = value;
        
        slider.dispatchEvent(new Event('change'));

    };
    
    
    let element = document.getElementsByClassName('ytmusic-player-page')[0];
    
    element.insertBefore(custom_slider,element.children[1]);

})();

Usage

drag and drop the script into vivaldi extensions and it will be used whenever you visit youtube music