Remove Carousel on twitch.tv home page

Removes the annoying carousel on the twitch.tv homepage

K instalaci tototo skriptu si budete muset nainstalovat rozšíření jako Tampermonkey, Greasemonkey nebo Violentmonkey.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Violentmonkey.

K instalaci tohoto skriptu si budete muset nainstalovat rozšíření jako Tampermonkey nebo Userscripts.

You will need to install an extension such as Tampermonkey to install this script.

K instalaci tohoto skriptu si budete muset nainstalovat manažer uživatelských skriptů.

(Už mám manažer uživatelských skriptů, nechte mě ho nainstalovat!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Už mám manažer uživatelských stylů, nechte mě ho nainstalovat!)

// ==UserScript==
// @name         Remove Carousel on twitch.tv home page
// @namespace    KrümelKing
// @version      1.0
// @description  Removes the annoying carousel on the twitch.tv homepage
// @author       https://linktr.ee/kruemelking
// @match        https://www.twitch.tv/
// @grant        none
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
//Check for homepage
    if (window.location.pathname !== '/') {
        return;
    }

    function aggressivelyRemoveCarouselAndAudio() {
        const carousel = document.querySelector('.front-page-carousel');
        if (carousel) {
            carousel.style.display = 'none';
//Disables all video and audio elements on startpage if found
            function disableMediaElements(element) {
                if (element.tagName === 'VIDEO' || element.tagName === 'AUDIO') {
                    element.muted = true;
                    element.volume = 0;
                    element.removeAttribute('src');
                    element.load();
                    element.pause();
                    element.style.display = 'none';
                }
                for (let child of element.children) {
                    disableMediaElements(child);
                }
            }

            disableMediaElements(carousel);
//Overwrite play method
            carousel.querySelectorAll('video, audio').forEach(mediaElement => {
                mediaElement.play = function() {
                    this.pause();
                    return new Promise(() => {});
                };
            });
        }
    }
//creates observer
    const observer = new MutationObserver((mutations) => {
        for (let mutation of mutations) {
            if (mutation.addedNodes.length) {
                aggressivelyRemoveCarouselAndAudio();
            }
        }
    });
//Observer checks for changes
    const config = { childList: true, subtree: true };
//Immediate execution so no short noise
    function immediateAndRepeatedExecution() {
        aggressivelyRemoveCarouselAndAudio();
        observer.observe(document.body, config);
//Sometimes it reloads so do it multiple times
        for (let i = 1; i <= 5; i++) {
            setTimeout(aggressivelyRemoveCarouselAndAudio, i * 100);
        }
    }
//yeah do it a lot
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', immediateAndRepeatedExecution);
    } else {
        immediateAndRepeatedExecution();
    }
//and on load
    window.addEventListener('load', aggressivelyRemoveCarouselAndAudio);
})();