Code: Select all

// ==UserScript==
// @name - Add - Video - List - Blackout Overlay Button
// @version 3.9.1
// @match *://pluto.tv/*
// @match *://popcornflix.com/*
// @match *://tubitv.com/*
// @match *://watch.plex.tv/*
// @grant none
// ==/UserScript==

(function () {
    'use strict';

    /*** CONFIGURATION ***/
    const SEGMENT_TIMES = [27, 30, 30, 30, 30, 30]; // seconds for each of the 6 segments
    const HOLE_RADIUS = 40; // pixels
    const HOLE_FADE = 40; // pixels
    const OVERLAY_OPACITY = 1.0; // 0.0 (transparent) to 1.0 (fully opaque)
    const HOLE_OPACITY = 0.4; // 0.0 (fully transparent hole) to 1.0 (same as overlay)
    const CANCEL_COLORS = [
        '#dc3545',  // red
        '#fd7e14',  // orange
        '#ffc107',  // yellow
        '#28a745',  // green
        '#17a2b8',  // blue
        '#6f42c1'   // purple
    ]; // one color per segment

    /*** Helper: Pad seconds to two digits ***/
    function padSeconds(sec) {
        return sec.toString().padStart(2, '0');
    }

    function init() {
        let hideTimeout, countdownInterval;
        let currentSegmentIndex = 0;
        let segmentRemaining = SEGMENT_TIMES[0];
        let originalMuteStates = new WeakMap(), originalMuteStatusText = '';

        // Hover detection area (moved to top right)
        const hoverArea = document.createElement('div');
        hoverArea.style.cssText = `
            background: transparent;
            height: 37px;
            position: fixed;
                right: 20px;
                top: 20px;
            width: 84px;
            z-index: 2147483647;
        `;

        // Main "Blackout" button (moved to top right)
        const btn = document.createElement('button');
        //btn.textContent = `Show Overlay (${SEGMENT_TIMES.reduce((a,b)=>a+b,0)}s)`;
        btn.textContent = `Blackout`;
        btn.style.cssText = `
            background: #222;
            border: none;
            border-radius: 5px;
            color: #fff;
            cursor: pointer;
            font-size: 14px;
            opacity: 0;
            padding: 10px 15px;
            pointer-events: none;
            position: fixed;
                right: 20px;
                top: 20px;
            z-index: 2147483647;
        `;

        // Overlay with adjustable center hole opacity and faded border
        const overlay = document.createElement('div');
        overlay.style.cssText = `
            background-color: rgba(0,0,0,${OVERLAY_OPACITY});
            display: none;
            height: 100%;
            mask-image: radial-gradient(
                circle ${HOLE_RADIUS + HOLE_FADE}px at 50% 50%,
                rgba(0,0,0,${HOLE_OPACITY}) ${HOLE_RADIUS}px,
                rgba(0,0,0,1) ${HOLE_RADIUS + HOLE_FADE}px);
            mask-position: center;
            mask-repeat: no-repeat;
            pointer-events: auto;
            position: fixed;
                left: 0;
                top: 0;
            width: 100%;
            z-index: 2147483646;
        `;

        // Cancel button inside the hole
        const cancelBtn = document.createElement('button');
        cancelBtn.style.cssText = `
            background: ${CANCEL_COLORS[0]};
            border: none;
            border-radius: 8px;
            color: #fff;
            cursor: pointer;
            display: none;
            font-family: monospace;
            font-size: 12px;
            line-height: 0.8;
            max-width: ${HOLE_RADIUS * 1.5}px;
            padding: 4px;
            position: fixed;
                left: 50%;
                top: 50%;
            text-align: center;
            transform: translate(-50%,-50%);
            white-space: pre-line;
            z-index: 2147483648;
        `;

        function showButton() {
            clearTimeout(hideTimeout);
            btn.style.opacity = '1';
            btn.style.pointerEvents = 'auto';
        }
        function hideButton() {
            hideTimeout = setTimeout(() => {
                btn.style.opacity = '0';
                btn.style.pointerEvents = 'none';
            }, 0);
        }
        function handleAudioOnOverlayStart() {
            let anyUnmuted = false;
            document.querySelectorAll('audio, video').forEach(el => {
                originalMuteStates.set(el, el.muted);
                if (!el.muted) { anyUnmuted = true; el.muted = true; }
            });
            originalMuteStatusText = anyUnmuted ? 'Unmuted' : 'Muted';
        }
        function handleAudioOnOverlayEnd() {
            document.querySelectorAll('audio, video').forEach(el => {
                if (originalMuteStates.has(el)) {
                    el.muted = originalMuteStates.get(el);
                }
            });
        }
        function updateCancelButtonText() {
            cancelBtn.textContent = `${padSeconds(segmentRemaining)}\n\n${currentSegmentIndex + 1} of ${SEGMENT_TIMES.length}\n\n${originalMuteStatusText}`;
        }
        function startOverlay() {
            handleAudioOnOverlayStart();
            currentSegmentIndex = 0;
            segmentRemaining = SEGMENT_TIMES[0];
            cancelBtn.style.background = CANCEL_COLORS[0];
            updateCancelButtonText();
            overlay.style.display = 'block';
            cancelBtn.style.display = 'block';

            countdownInterval = setInterval(() => {
                segmentRemaining--;

                if (segmentRemaining <= 0) {
                    currentSegmentIndex++;
                    if (currentSegmentIndex >= SEGMENT_TIMES.length) {
                        stopOverlay();
                        return;
                    }
                    segmentRemaining = SEGMENT_TIMES[currentSegmentIndex];
                    cancelBtn.style.background = CANCEL_COLORS[currentSegmentIndex % CANCEL_COLORS.length];
                }

                updateCancelButtonText();
            }, 1000);
        }
        function stopOverlay() {
            overlay.style.display = 'none';
            cancelBtn.style.display = 'none';
            clearInterval(countdownInterval);
            handleAudioOnOverlayEnd();
        }

        hoverArea.addEventListener('mouseenter', showButton);
        hoverArea.addEventListener('mouseleave', hideButton);
        btn.addEventListener('mouseenter', showButton);
        btn.addEventListener('mouseleave', hideButton);
        btn.addEventListener('click', startOverlay);
        cancelBtn.addEventListener('click', stopOverlay);

        document.body.appendChild(hoverArea);
        document.body.appendChild(btn);
        document.body.appendChild(overlay);
        document.body.appendChild(cancelBtn);
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }
})();

Code: Select all

HKEY_CURRENT_USER\Software\Microsoft\Windows NT\CurrentVersion\AppCompatFlags\Layers