Twitch - Mute and hide ads, while keeping the audio of the stream on

Automatically mutes and hides the Twitch player when an advertisement started and revert it back to normal once finished. The stream can still be heard during ads. You can also display ads via the "Ads Options" button.

< Feedback on Twitch - Mute and hide ads, while keeping the audio of the stream on

Review: OK - script works, but has bugs

i9l121 ihr8f

Posted: 18.10.2025

Report comment

completely done!. enjoy!.

// v1.17 //

(function() {

var tmuteVars = { "timerCheck": 500, // EDITABLE "adInProgress": false, "adsDisplayed": 0, "disableDisplay": true, // EDITABLE true / false "anticipatePreroll": false, // EDITABLE "anticipateTimer": 2000, // EDITABLE "anticipateInProgress": false, "anticipatePrematureEnd": false, "alreadyMuted": false, "adElapsedTime": undefined, "adUnlockAt": 270, // EDITABLE "adMinTime": 2, // EDITABLE "playerIdAds": 0, "displayingOptions": false, "highwindPlayer": undefined, "currentPage": undefined, "currentChannel": undefined, "optionsInitialized": false, "optionsInitializing": false, "volumePremute": undefined, "restorePiP": false }; const VOLUME_KEY = 'twitchPlayer7BTVFZVolume';

var tmuteSelectors = { "hw": { "player": "video-playercontainer", "playerVideo": ".video-playeroverlay", "playerDuringAd": "pbyp-player-instance", "playerHidingDuringAd": "picture-by-picture-player--collapsed", "muteButton": "button[data-a-target='player-mute-unmute-button']", "volumeSlider": "input[data-a-target='player-volume-slider']", "adNotice": undefined, "adNoticeFinder": "[data-a-target='ax-overlay']", "viewersCount": "metadata-layoutsupport" } }; var currentSelector = undefined; const HIDE_CLASS = '_ad_video_hidden_by_script'; const DEBOUNCE_MS = 180; const CHECK_INTERVAL_MS = 1000;

const SELECTOR_AD_BUTTON = 'button[aria-label*="Learn more about this ad" i], button:has([data-a-target="tw-core-button-label-text"])'; const AD_LABEL_SELECTORS = [ '[data-a-target="video-ad-label"]', '[data-test-selector="ad-banner-default-text"]', '[data-a-target="video-ad-countdown"]' ];

const VIDEO_CONTAINER_SELECTORS = [ '.video-player_container', '.player-video_container', '.persistent-player', '[data-a-target="video-player"]', '#player', '#channel-player' ];

function debounce(fn, ms = DEBOUNCE_MS) { let timeout; return function(...args) { clearTimeout(timeout); timeout = setTimeout(() => fn.apply(this, args), ms); }; }

function elementLooksLikeAdButton(el) { if (!el || el.nodeType !== 1) return false; const aria = el.getAttribute && (el.getAttribute('aria-label') || ''); if (aria && /learn.*ad/i.test(aria)) return true; const txt = (el.innerText || el.textContent || '').trim(); if (txt && /learn\s*more/i.test(txt)) return true; const dataTarget = el.getAttribute && el.getAttribute('data-a-target'); if (dataTarget && /tw-core-button-label-text|ad/i.test(dataTarget)) return true; return false; }

function collectVideos() { return Array.from(document.querySelectorAll('video')).filter(Boolean); }

function removeHide() { document.querySelectorAll('.' + HIDE_CLASS).forEach(node => node.classList.remove(HIDE_CLASS)); collectVideos().forEach(v => v.classList.remove(HIDE_CLASS)); console.log('[ad-hide] removed hide'); } // *** ПОПАП (БЕЗ ИЗМЕНЕНИЙ) *** let popupOpen = false;

function closePopup() { const popup = document.getElementById('_tmads_popup'); if (popup) popup.remove(); popupOpen = false; document.removeEventListener('click', closePopupHandler); }

function closePopupHandler(event) { if (!document.getElementById('_tmads_popup')?.contains(event.target)) { closePopup(); } }

document.body.appendChild(popup);

document.getElementById('tm_timerCheck').addEventListener('input', debounce((e) => _tmuteVars.timerCheck = parseInt(e.target.value), 300));
document.getElementById('tm_disableDisplay').addEventListener('change', (e) => _tmuteVars.disableDisplay = e.target.checked);
document.getElementById('tm_anticipatePreroll').addEventListener('change', (e) => _tmuteVars.anticipatePreroll = e.target.checked);
document.getElementById('tm_anticipateTimer').addEventListener('input', debounce((e) => _tmuteVars.anticipateTimer = parseInt(e.target.value), 300));
document.getElementById('tm_adUnlockAt').addEventListener('input', debounce((e) => _tmuteVars.adUnlockAt = parseInt(e.target.value), 300));
document.getElementById('tm_adMinTime').addEventListener('input', debounce((e) => _tmuteVars.adMinTime = parseInt(e.target.value), 300));

document.getElementById('tm_unlock').addEventListener('click', () => adsOptions('unlock'));
document.getElementById('tm_close').addEventListener('click', closePopup);

document.addEventListener('click', closePopupHandler);
popupOpen = true;

}

// *** ИСПРАВЛЕННЫЙ checkAd (УБРАНА ОШИБКА undefined) *** function evaluateAdState() { const btn = findAdButton(); const lbl = findAdLabel(); const active = Boolean(btn || lbl);

if (active && !_tmuteVars.adInProgress) { console.log('[ad] start'); _tmuteVars.adInProgress = true; mutePlayer(); // actionHidePlayer(true); // убираем, чтобы плеер не ставился на стоп } else if (!active && _tmuteVars.adInProgress) { console.log('[ad] end'); _tmuteVars.adInProgress = false; _tmuteVars.alreadyMuted = false; actionMuteClick(); // размьютим actionHidePlayer(false); // показываем снова, если было скрытие }

}

function startFallback() { if (intervalId) clearInterval(intervalId); intervalId = setInterval(evaluateAdState, CHECK_INTERVAL_MS); } function mutePlayer() { const muteBtn = document.querySelector(currentSelector.muteButton); if (!muteBtn) return;

const mainVideo = document.querySelectorAll(currentSelector.playerVideo)[_tmuteVars.playerIdAds]; if (!mainVideo) return;

// если реклама уже идёт и видео уже замьючено — выходим, не кликаем снова if (_tmuteVars.adInProgress && mainVideo.muted) { return; }

// если ждём "раннего конца" рекламы — просто сбрасываем флаг if (_tmuteVars.anticipatePrematureEnd === true) { _tmuteVars.anticipatePrematureEnd = false; return; }

// клик только один раз, когда реклама действительно началась actionMuteClick();

if (_tmuteVars.adInProgress === true) { _tmuteVars.adsDisplayed++; _tmuteVars.adElapsedTime = 1; observeVolumeChanges(mainVideo); mainVideo.muted = true; mainVideo.volume = 0; console.log("Ad #" + _tmuteVars.adsDisplayed + " detected"); actionHidePlayer(); unmuteAdPlayer(); } else { console.log("Ad finished"); _tmuteVars.adElapsedTime = undefined; actionHidePlayer(false); const playerDuringAd = document.getElementsByClassName(currentSelector.playerDuringAd)[0]; if (playerDuringAd !== undefined) { playerDuringAd.childNodes[0].muted = true; } } }

if (initCall) {
  _tmuteVars.anticipateInProgress = setTimeout(() => anticipatePreroll(false), _tmuteVars.anticipateTimer);
} else {
  _tmuteVars.anticipateInProgress = false;
}

}

function resetPlayerState() { actionMuteClick(); actionHidePlayer(false); }

// *** ГЛАВНОЕ ИСПРАВЛЕНИЕ: MutationObserver для кнопки *** function initAdsOptions() { // *** ПРЯМАЯ ПРОВЕРКА: если кнопка уже есть — выходим *** if (document.getElementById("_tmads_showoptions")) { _tmuteVars.optionsInitialized = true; return; }

// *** НАХОДИМ ЛИБО СОЗДАЕМ wrapper в metadata-layout_support *** let wrapper = document.getElementById("_tmads_wrapper"); const supportContainer = document.querySelector(".metadata-layout_support");

if (!wrapper && supportContainer) { // Создаем wrapper, если его нет wrapper = document.createElement("div"); wrapper.id = "_tmads_wrapper"; supportContainer.appendChild(wrapper); console.log("📦 Создан новый wrapper"); }

if (!wrapper) { console.log("❌ НЕ НАЙДЕН КОНТЕЙНЕР supportContainer"); setTimeout(initAdsOptions, 500); return; }

// *** СОЗДАЕМ СТИЛЬ (если нет) *** if (!document.getElementById('_tmads_style')) { const style = document.createElement('style'); style.id = '_tmads_style'; style.textContent = ._tmads_button { display: inline-flex !important; align-items: center; justify-content: center; padding: 0 8px !important; margin-left: 2px !important; height: 30px !important; background: #ffffff30 !important; color: #ffffffd1 !important; border: 1px solid #fefefe00 !important; border-radius: 4px !important; cursor: pointer !important; font-size: 12px !important; } ._tmads_button:hover { background: rgb(181 243 234 / 44%) !important; color: #b8eaf6 !important; scale: 1.1 !important; }; document.head.appendChild(style); }

// *** ДОБАВЛЯЕМ КНОПКУ В wrapper *** wrapper.innerHTML = <button id="_tmads_showoptions" class="_tmads_button">Ads Options</button>;

// *** ОБРАБОТЧИК *** document.getElementById("_tmads_showoptions").addEventListener("click", function(e) { e.stopPropagation(); e.preventDefault(); if (popupOpen) { closePopup(); } else { createPopup(); } });

_tmuteVars.optionsInitialized = true; console.log("✅ КНОПКА ДОБАВЛЕНА В wrapper");

// *** MutationObserver для пересоздания *** const observer = new MutationObserver((mutations) => { if (!document.getElementById("_tmads_showoptions")) { console.log("🔄 Кнопка удалена, пересоздаю..."); _tmuteVars.optionsInitialized = false; setTimeout(initAdsOptions, 100); } }); observer.observe(document.body, { childList: true, subtree: true }); }

function adsOptions(type) { if (type === "unlock") { if (currentSelector?.adNotice) { var advert = document.getElementsByClassName(currentSelector.adNotice)[0]; if (_tmuteVars.adElapsedTime === undefined && advert?.childNodes[2] === undefined) {

      alert("Нет рекламы для разблокировки");
    } else {
      _tmuteVars.adElapsedTime = _tmuteVars.adUnlockAt;
      console.log("🔓 Разблокировка");
    }
  }
}

}

function initUpdate() { if (window.location.pathname != _tmuteVars.currentPage) { if (_tmuteVars.adInProgress) resetPlayerState(); else if (!_tmuteVars.adInProgress && (!_tmuteVars.currentChannel || !window.location.pathname.startsWith("/" + _tmuteVars.currentChannel))) { anticipatePreroll(); } } _tmuteVars.currentPage = window.location.pathname; _tmuteVars.currentChannel = window.location.pathname.split("/")[1];

if (currentSelector.adNotice === undefined) {
  if (document.querySelector(_tmuteSelectors.hw.adNoticeFinder)) {
    currentSelector.adNotice = document.querySelector(_tmuteSelectors.hw.adNoticeFinder).parentNode.className;
    console.log("Ad notice: " + currentSelector.adNotice);
  }
}

}

// *** СТАРТ *** currentSelector = _tmuteSelectors.hw; _tmuteVars.autoCheck = setInterval(evaluateAdState, _tmuteVars.timerCheck); setTimeout(initAdsOptions, 1000); // Ждем загрузки страницы addHideCSS(); startDomObserver(); startFallback(); _tmuteVars.autoUpdate = setInterval(initUpdate, _tmuteVars.timerCheck);

// *** ЗАПУСК КНОПКИ С ПОВТОРАМИ *** const initButton = () => { initAdsOptions(); if (!_tmuteVars.optionsInitialized) { setTimeout(initButton, 500); } }; initButton(); })();

Greasy Fork

Twitch - Mute and hide ads, while keeping the audio of the stream on

Review: OK - script works, but has bugs

Post reply