☰

Video Volume Booster

增強影片音量上限 , 最高增幅至10倍 , 未測試是否所有網域皆可使用 *://*/* , 目前只match特定網域

目前为 2023-09-07 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Video Volume Booster
  3. // @version      0.0.27
  4. // @author       HentaiSaru
  5. // @description  增強影片音量上限 , 最高增幅至10倍 , 未測試是否所有網域皆可使用 *://*/* , 目前只match特定網域
  6.  
  7. // @match        *://*.twitch.tv/*
  8. // @match        *://*.youtube.com/*
  9. // @match        *://*.bilibili.com/*
  10. // @exclude      *://video.eyny.com/*
  11. // @icon         https://cdn-icons-png.flaticon.com/512/8298/8298181.png
  12.  
  13. // @license      MIT
  14. // @namespace    https://gf.qytechs.cn/users/989635
  15.  
  16. // @run-at       document-body
  17. // @grant        GM_setValue
  18. // @grant        GM_getValue
  19. // @grant        GM_addStyle
  20. // @grant        GM_registerMenuCommand
  21. // ==/UserScript==
  22.  
  23. (function() {
  24.     var Booster, Increase,
  25.     ListenerRecord = new Map(),
  26.     domain = location.hostname,
  27.     buffer = document.createDocumentFragment(),
  28.     enabledDomains = store("get", "啟用網域", []);
  29.     
  30.     FindVideo();
  31.     MenuHotkey();
  32.     setTimeout(function() {MonitorAjax()}, 1000);
  33.  
  34.     /* ==================== 菜單註冊 ==================== */
  35.  
  36.     Menu({
  37.         "🔊 [開關] 自動增幅": ()=> Useboost(enabledDomains, domain),
  38.         "🛠️ 設置增幅": ()=> IncrementalSetting(),
  39.         "📜 菜單熱鍵": ()=> alert("可使用熱鍵方式呼叫設置菜單!!\n\n快捷組合 : (Alt + B)"),
  40.     })
  41.  
  42.     /* ==================== API ==================== */
  43.  
  44.     /* 添加監聽 */
  45.     async function addlistener(element, type, listener, add={}) {
  46.         if (!ListenerRecord.has(element) || !ListenerRecord.get(element).has(type)) {
  47.             element.addEventListener(type, listener, add);
  48.             if (!ListenerRecord.has(element)) {
  49.                 ListenerRecord.set(element, new Map());
  50.             }
  51.             ListenerRecord.get(element).set(type, listener);
  52.         }
  53.     }
  54.  
  55.     /* 查找元素 */
  56.     function $(element, all=false) {
  57.         if (!all) {
  58.             const analyze = element.includes(" ") ? " " : element[0];
  59.             return analyze == " " ? document.querySelector(element)
  60.             : analyze == "#" ? document.getElementById(element.slice(1))
  61.             : analyze == "." ? document.getElementsByClassName(element.slice(1))[0]
  62.             : document.getElementsByTagName(element)[0];
  63.         } else {return document.querySelectorAll(element)}
  64.     }
  65.  
  66.     /* 等待元素 */
  67.     async function WaitElem(selector, timeout, callback) {
  68.         let timer, element;
  69.         const observer = new MutationObserver(() => {
  70.             element = $(selector);
  71.             if (element) {
  72.                 observer.disconnect();
  73.                 clearTimeout(timer);
  74.                 callback(element);
  75.             }
  76.         });
  77.         observer.observe(document.body, { childList: true, subtree: true });
  78.         timer = setTimeout(() => {
  79.             observer.disconnect();
  80.         }, timeout);
  81.     }
  82.  
  83.     /* 監聽 Ajex 變化 */
  84.     async function MonitorAjax() {
  85.         let Video;
  86.         const observer = new MutationObserver(() => {
  87.             Video = $("video");
  88.             Video && !Video.hasAttribute("data-audio-context") ? FindVideo() : null;
  89.         });
  90.         observer.observe(document.head, { childList: true, subtree: true });
  91.     }
  92.  
  93.     /* 註冊菜單 API */
  94.     async function Menu(item) {
  95.         for (const [name, call] of Object.entries(item)) {
  96.             GM_registerMenuCommand(name, ()=> {call()});
  97.         }
  98.     }
  99.  
  100.     /* 註冊快捷鍵(開啟菜單) API */
  101.     async function MenuHotkey() {
  102.         addlistener(document, "keydown", event => {
  103.             if (event.altKey && event.key === "b") {
  104.                 IncrementalSetting()
  105.             }
  106.         }, { passive: true, capture: true });
  107.     }
  108.  
  109.     /* 數據保存讀取 API */
  110.     function store(operate, key, orig=null){
  111.         return {
  112.             __verify: val => val !== undefined ? val : null,
  113.             set: function(val, put) {return GM_setValue(val, put)},
  114.             get: function(val, call) {return this.__verify(GM_getValue(val, call))},
  115.             setjs: function(val, put) {return GM_setValue(val, JSON.stringify(put, null, 4))},
  116.             getjs: function(val, call) {return JSON.parse(this.__verify(GM_getValue(val, call)))},
  117.         }[operate](key, orig);
  118.     }
  119.  
  120.     /* ==================== 注入邏輯 ==================== */
  121.  
  122.     /* 查找 Video 元素 */
  123.     async function FindVideo() {
  124.         WaitElem("video", 10000, video => {
  125.             try {
  126.                 Increase = enabledDomains.includes(domain) ? store("get", domain) || 1.0 : 1.0;
  127.                 Booster = booster(video, Increase);
  128.             } catch {}
  129.         });
  130.     }
  131.  
  132.     /* 音量增量邏輯 */
  133.     function booster(video, increase) {
  134.         const AudioContext = new (window.AudioContext || window.webkitAudioContext);
  135.         const SourceNode = AudioContext.createMediaElementSource(video); // 音頻來源
  136.         const GainNode = AudioContext.createGain(); // 增益節點
  137.         const LowFilterNode = AudioContext.createBiquadFilter(); // 低音慮波器
  138.         const HighFilterNode = AudioContext.createBiquadFilter(); // 高音濾波器
  139.         const CompressorNode = AudioContext.createDynamicsCompressor(); // 動態壓縮節點
  140.  
  141.         // 將預設音量調整至 100% (有可能被其他腳本調整)
  142.         video.volume = 1;
  143.         // 設置增量
  144.         GainNode.gain.value = increase * increase;
  145.  
  146.         // 設置動態壓縮器的參數(通用性測試!!)
  147.         CompressorNode.ratio.value = 6; // 壓縮率
  148.         CompressorNode.knee.value = 0.5; // 壓縮過渡反應時間(越小越快)
  149.         CompressorNode.threshold.value = -14; // 壓縮閾值
  150.         CompressorNode.attack.value = 0.020; // 開始壓縮的速度
  151.         CompressorNode.release.value = 0.40; // 釋放壓縮的速度
  152.  
  153.         // 低音慮波增強
  154.         LowFilterNode.frequency.value = 250;
  155.         LowFilterNode.type = "lowshelf";
  156.         LowFilterNode.gain.value = 2.2;
  157.  
  158.         // 高音慮波增強
  159.         HighFilterNode.frequency.value = 10000;
  160.         HighFilterNode.type = "highshelf";
  161.         HighFilterNode.gain.value = 1.8;
  162.  
  163.         // 進行節點連結
  164.         SourceNode.connect(GainNode);
  165.         GainNode.connect(LowFilterNode);
  166.         LowFilterNode.connect(HighFilterNode);
  167.         GainNode.connect(CompressorNode);
  168.         CompressorNode.connect(AudioContext.destination);
  169.         // 節點創建標記
  170.         video.setAttribute("data-audio-context", true);
  171.         return {
  172.             // 設置音量
  173.             setVolume: function(increase) {
  174.                 GainNode.gain.value = increase * increase;
  175.                 Increase = increase;
  176.             }
  177.         }
  178.     }
  179.  
  180.     /* 使用自動增幅 */
  181.     async function Useboost(enabledDomains, domain) {
  182.         if (enabledDomains.includes(domain)) {
  183.             enabledDomains = enabledDomains.filter(function(value) { // 從已啟用列表中移除當前網域
  184.                 return value !== domain;
  185.             });
  186.             alert("❌ 禁用自動增幅");
  187.         } else {
  188.             enabledDomains.push(domain); // 添加當前網域到已啟用列表
  189.             alert("✅ 啟用自動增幅");
  190.         }
  191.         store("set", "啟用網域", enabledDomains);
  192.         location.reload();
  193.     }
  194.  
  195.     GM_addStyle(`
  196.         .modal-background {
  197.             top: 0;
  198.             left: 0;
  199.             width: 100%;
  200.             height: 100%;
  201.             display: flex;
  202.             z-index: 9999;
  203.             overflow: auto;
  204.             position: fixed;
  205.             align-items: center;
  206.             justify-content: center;
  207.         }
  208.         .modal-button {
  209.             top: 0;
  210.             margin: 3% 2%;
  211.             color: #d877ff;
  212.             font-size: 16px;
  213.             font-weight: bold;
  214.             border-radius: 3px;
  215.             background-color: #ffebfa;
  216.             border: 1px solid rgb(124, 183, 252);
  217.         }
  218.         .modal-button:hover,
  219.         .modal-button:focus {
  220.             color: #fc0e85;
  221.             cursor: pointer;
  222.             text-decoration: none;
  223.         }
  224.         .modal-content {
  225.             width: 400px;
  226.             padding: 5px;
  227.             overflow: auto;
  228.             background-color: #cff4ff;
  229.             border-radius: 10px;
  230.             text-align: center;
  231.             border: 2px ridge #82c4e2;
  232.             border-collapse: collapse;
  233.             margin: 2% auto 8px auto;
  234.         }
  235.         .multiplier {
  236.             font-size:25px;
  237.             color:rgb(253, 1, 85);
  238.             margin: 10px;
  239.             font-weight:bold;
  240.         }
  241.         .slider {width: 350px;}
  242.         input {cursor: pointer;}
  243.     `);
  244.  
  245.     /* 設定菜單 */
  246.     async function IncrementalSetting() {
  247.         const modal = document.createElement("div");
  248.         modal.innerHTML = `
  249.             <div class="modal-content">
  250.                 <h2 style="color: #3754f8;">音量增量</h2>
  251.                 <div style="margin:1rem auto 1rem auto;">
  252.                     <div class="multiplier">
  253.                         <span><img src="https://cdn-icons-png.flaticon.com/512/8298/8298181.png" width="5%">增量倍數 </span><span id="CurrentValue">${Increase}</span><span> 倍</span>
  254.                     </div>
  255.                     <input type="range" id="sound-amplification" class="slider" min="0" max="10.0" value="${Increase}" step="0.1"><br>
  256.                 </div>
  257.                 <div style="text-align: right;">
  258.                     <button class="modal-button" id="sound-save">保存設置</button>
  259.                     <button class="modal-button" id="sound-close">退出選單</button>
  260.                 </div>
  261.             </div>
  262.         `
  263.         modal.classList.add("modal-background");
  264.         document.body.appendChild(buffer.appendChild(modal));
  265.         const CurrentValue = $("#CurrentValue");
  266.         const slider = $("#sound-amplification");
  267.  
  268.         // 監聽設定拉條
  269.         addlistener(slider, "input", event => {
  270.             const Current = event.target.value;
  271.             CurrentValue.textContent = Current;
  272.             Booster.setVolume(Current);
  273.         }, { passive: true, capture: true });
  274.  
  275.         // 監聽保存關閉
  276.         addlistener($(".modal-background"), "click", click => {
  277.             click.stopPropagation();
  278.             const target = click.target;
  279.             if (target.id === "sound-save") {
  280.                 if (enabledDomains.includes(domain)) {
  281.                     store("set", domain, parseFloat(slider.value));
  282.                     $(".modal-background").remove();
  283.                 } else {alert("需啟用自動增幅才可保存")}
  284.             } else if (target.className === "modal-background" || target.id === "sound-close") {
  285.                 $(".modal-background").remove();
  286.             }
  287.         }, { capture: true });
  288.     }
  289. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址