spotify-ad-blocker.tapermonkey.js

// ==UserScript==
// @name         Spotify ad skipper
// @version      1.0
// @namespace    http://tampermonkey.net/
// @description  Detects and skips ads on spotify
// @match        https://*.spotify.com/*
// @grant        none
// @run-at       document-start
// @downloadURL  https://gist.githubusercontent.com/Simonwep/24f8cdcd6d32d86e929004013bd660ae/raw
// @updateURL    https://gist.githubusercontent.com/Simonwep/24f8cdcd6d32d86e929004013bd660ae/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);
        });
    }

    /**
     * Inject a middleware function in a object or instance
     * @param ctx Object or instance
     * @param fn Function name
     * @param middleware Middleware function
     * @param transform Transform function result
     */
    function inject({ctx, fn, middleware, transform}) {
        const original = ctx[fn];
        ctx[fn] = function () {
            if (!middleware || middleware.call(this, ...arguments) !== false) {
                const result = original.call(this, ...arguments);
                return transform ? transform.call(this, result, ...arguments) : result;
            }
        };
    }

    const nowPlayingBar = await queryAsync('.now-playing-bar');
    const playButton = await queryAsync('button[title=Play], button[title=Pause]');

    let audio;

    inject({
        ctx: document,
        fn: 'createElement',
        transform(result, type) {

            if (type === 'audio') {
                audio = result;
            }

            return result;
        }
    });

    let playInterval;
    new MutationObserver(() => {
        const link = document.querySelector('.now-playing > a');

        if (link) {

            if (!audio) {
                return console.error('Audio-element not found!');
            }

            if (!playButton) {
                return console.error('Play-button not found!');
            }

            // console.log('Ad found', audio, playButton, nowPlayingBar);

            audio.src = '';
            playButton.click();
            if (!playInterval) {
                playInterval = setInterval(() => {
                    if (!document.querySelector('.now-playing > a') && playButton.title === 'Pause') {
                        clearInterval(playInterval);
                        playInterval = null;
                    } else {
                        playButton.click();
                    }
                }, 500);
            }
        }
    }).observe(nowPlayingBar, {
        characterData: true,
        childList: true,
        attributes: true,
        subtree: true
    });

    // Hide upgrade-button and captcha-errors, we don't what to see that.
    const style = document.createElement('style');
    style.innerHTML = `
        [aria-label="Upgrade to Premium"],
        body > div:not(#main) {
            display: none !important;
        }
    `;

    document.body.appendChild(style);
}();

@hannsen Oh, that's nice!

Arg, my bad, this doesnt work with gist, as they change the url after you change them.

This url works though: https://gist.githubusercontent.com/Simonwep/24f8cdcd6d32d86e929004013bd660ae/raw

Where should I put this script?

@developerfromjokela TaperMonkey (Chrome) or GreaseMonkey (Firefox).

I'm getting a error. When there is an ad about to start, the music keep in play pause the whole ad duration. The only thing I could do to stop was refresh the page.

It stopped working after few weeks :(

it's stop working after few days, how to resolve this? ty

@rikapinka @Weridox

I've updated the script. It now detects ads and mutes until the ad is finished. It's not as clean as previous technique but it does the job for me.
https://gist.github.com/marcbelmont/1ea63270867a4e8786dd5f172d8d4489

doesnt work anymore

@marcbelmont does it skip ads?

@marcbelmont does it skip ads?

@dayoshiguy It mutes the ads. Good enough for me.

@marcbelmont
Thank you for your work. I use updated script. Works fine for me.

tysm !!

How to use this script? I did run in the console, but it isn't still working.

How to use this script? I did run in the console, but it isn't still working.

You should use something like violentmonkey to install this script.

This handy inject function, is that part of a library somewhere?

Works perfectly! I don't have much BAT but here's a tip @simonwep

Great work, thankyou.

Why don't you publish this on Greasy Fork?

Thank you bro. Congrats for the freedom.!!!

Caution

Please be aware of comments here promoting potential malware / cracked apps - I'll delete these as soon as possible but I don't want to report it to avoid a DMCA takedown notice.

The script stopped working for me over the last few weeks. After updating the query selectors I'm now getting Audio-element not found!.

Selectors I updated
const nowPlayingBar = await queryAsync('[data-testid="now-playing-bar"]');
const playButton = await queryAsync('button[data-testid="control-button-playpause"]');
const link = document.querySelector('[data-testid="context-item-info-ad-subtitle"]');

made another approach to skip

https://gist.github.com/addavriance/085b2f04a4600ab65791dcd55493493f