Spotify Ad Muter. Automatically mute (block) Spotify ads. Turn sound on again after the ad.

spotify-ad-muter.user.js

// ==UserScript==
// @name         Spotify Ad Muter
// @version      1.2
// @namespace    http://tampermonkey.net/
// @description  Detects and blocks ads on Spotify. Automatically mute Spotify ads. Turn sound on again after the ad.
// @match        https://*.spotify.com/*
// @grant        none
// @run-at       document-start
// @downloadURL  https://gist.github.com/marcbelmont/1ea63270867a4e8786dd5f172d8d4489/raw
// @updateURL    https://gist.github.com/marcbelmont/1ea63270867a4e8786dd5f172d8d4489/raw
// ==/UserScript==

!async function () {

    async function queryAsync(query) {
        return new Promise(resolve => {
            const interval = setInterval(() => {
                const element = document.querySelector(query);
                if (element) {
                    clearInterval(interval);
                    return resolve(element);
                }
            }, 250);
        });
    }
    const nowPlayingBar = await queryAsync('[data-testid=now-playing-widget]');
    const volumeButton = await queryAsync('button.volume-bar__icon-button');
    const adQuerySelector = '[data-testid=now-playing-widget] *[aria-label~=Advertisement]';
    
    let playInterval;
    new MutationObserver(() => {
        if (document.querySelector(adQuerySelector) &&
            volumeButton.attributes['aria-label'].value.toLowerCase().indexOf('unmute') == -1) {
            volumeButton.click();
            if (!playInterval) {
                playInterval = setInterval(() => {
                    if (!document.querySelector(adQuerySelector)) {
                        clearInterval(playInterval);
                        playInterval = null;
                        volumeButton.click();
                    }
                }, 500);
            }
        }
    }).observe(nowPlayingBar, {
        characterData: true,
        childList: true,
        attributes: true,
        subtree: true
    });
}();

@RoguedBear thanks for your message. I've updated the gist.

Needs an update again unfortunately

@Maarsz I've fixed it.

Rather just max the "playbackRate" while the ad plays

Docs: https://www.w3schools.com/tags/av_prop_playbackrate.asp

It seems to be broken again. It also seems to repeat the same ads over and over again. I upgraded Tampermonkey and chromium-ungoogled, but it still seems broken. Thanks.

Yeah, still broken. It hilariously seems to cause Spotify to only play ads never any music at all. lol.

I guess Spotify can detect the muting with javascript, though I have no clue if they bother.

Maybe there's a way to mute the ads at a higher level in the browser that Spotify can't detect that doesn't cause the mute/unmute button to change, for example. I don't know. Maybe you'd need to trigger an external tool (ex: cmdline tool) to mute it at the OS level instead???

When I mute my OS manually using the volume thingy in the bottom bar, it isn't detected by the javascript stuff in the browser window.

So, maybe an external tool is an option, but I don't know if Chrome would let you do that. Old firefox probably would, but maybe not new firefox, because it's a copy and paste of chrome now.

@deeelwy thanks for the feedback. I'll see what I can do.

spotify recently updated their UI, so the old element selector for now playing bar is not working.

I have updated the selector for nowPlayingBar and adQuerySelector and can confirm from my side the script is muting the ads and unmuting them afterwards

-    const nowPlayingBar = await queryAsync('.Root__now-playing-bar');
+    const nowPlayingBar = await queryAsync('[data-testid=now-playing-widget]');
     const volumeButton = await queryAsync('button.volume-bar__icon-button');
-    const adQuerySelector = '.Root__now-playing-bar *[aria-label~=Advertisement]';
+    const adQuerySelector = '[data-testid=now-playing-widget] *[aria-label~=Advertisement]';

@RoguedBear thanks for feedback. I'm updating it.