Social Media Background Playback

Keeps videos playing in the background on Google, TikTok, & Instagram
安裝腳本 ?
// ==UserScript==
// @name         Social Media Background Playback
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Keeps videos playing in the background on Google, TikTok, & Instagram
// @author       UniverseDev
// @icon         https://i.postimg.cc/nhtdDdSF/DALL-E-2025-02-03-08-50-33-A-sleek-and-modern-icon-representing-background-video-playback-The-ico.webp
// @license      GPL-3.0-or-later
// @match        https://www.google.com/search?*
// @match        https://www.tiktok.com/*
// @match        https://www.instagram.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    function overrideVisibility() {
        Object.defineProperties(document, {
            hidden: {
                configurable: true,
                get: () => false
            },
            visibilityState: {
                configurable: true,
                get: () => 'visible'
            }
        });
        document.dispatchEvent(new Event('visibilitychange'));
        console.log("Visibility override activated");
    }

    function restoreVisibility() {
        try {
            delete document.hidden;
            delete document.visibilityState;
            console.log("Visibility override deactivated");
        } catch (e) {
            console.error("Error restoring visibility:", e);
        }
    }

    function googleVideoPlayback() {
        function keepPageVisible() {
            let hiddenProp;
            if (typeof document.hidden !== "undefined") {
                hiddenProp = "hidden";
            } else if (typeof document.msHidden !== "undefined") {
                hiddenProp = "msHidden";
            } else if (typeof document.webkitHidden !== "undefined") {
                hiddenProp = "webkitHidden";
            } else {
                console.warn('Google: Visibility API not supported');
                return;
            }
            try {
                Object.defineProperty(document, hiddenProp, {
                    get: () => false,
                    configurable: true
                });
                Object.defineProperty(document, 'visibilityState', {
                    get: () => 'visible',
                    configurable: true
                });
                console.log('Google: Page visibility override applied');
            } catch (error) {
                console.error('Google: Failed to override visibility', error);
            }
        }

        function checkAndActivateForVideo() {
            const videoElements = document.querySelectorAll('video');
            if (videoElements.length > 0) {
                keepPageVisible();
            }
        }

        function checkAndActivateVisibilityOverride() {
            const fragment = window.location.hash;
            if (fragment.includes('vid:')) {
                keepPageVisible();
            } else {
                console.log('Google: Not a video page based on URL fragment.');
            }
        }

        setInterval(checkAndActivateForVideo, 2000);
        window.addEventListener('load', () => {
            checkAndActivateForVideo();
            checkAndActivateVisibilityOverride();
        });

        const originalPushState = history.pushState;
        const originalReplaceState = history.replaceState;
        history.pushState = function() {
            originalPushState.apply(this, arguments);
            checkAndActivateForVideo();
            checkAndActivateVisibilityOverride();
        };
        history.replaceState = function() {
            originalReplaceState.apply(this, arguments);
            checkAndActivateForVideo();
            checkAndActivateVisibilityOverride();
        };

        checkAndActivateForVideo();
        checkAndActivateVisibilityOverride();
    }

    function socialVideoPlayback(platform) {
        let isOverrideActive = false;
        let isVideoPlaying = false;
        let currentVideoElement = null;

        function activateOverride() {
            if (!isOverrideActive) {
                overrideVisibility();
                isOverrideActive = true;
                console.log(platform + ": Background Playback Activated");
            }
        }

        function deactivateOverride() {
            if (isOverrideActive) {
                restoreVisibility();
                isOverrideActive = false;
                console.log(platform + ": Background Playback Deactivated");
            }
        }

        document.addEventListener('play', function(event) {
            if (event.target.tagName === 'VIDEO') {
                isVideoPlaying = true;
                currentVideoElement = event.target;
                console.log(platform + ": Video started.");
                if (document.hidden) {
                    activateOverride();
                }
            }
        }, true);

        document.addEventListener('ended', function(event) {
            if (event.target.tagName === 'VIDEO' && event.target === currentVideoElement) {
                isVideoPlaying = false;
                currentVideoElement = null;
                if (!document.hidden) {
                    deactivateOverride();
                }
                console.log(platform + ": Video ended.");
            }
        });

        document.addEventListener('visibilitychange', () => {
            if (document.hidden && isVideoPlaying) {
                activateOverride();
            } else if (!document.hidden && isOverrideActive) {
                deactivateOverride();
            }
        });
    }

    const hostname = window.location.hostname;
    if (hostname.includes("google.com")) {
        googleVideoPlayback();
    } else if (hostname.includes("tiktok.com")) {
        socialVideoPlayback("TikTok");
    } else if (hostname.includes("instagram.com")) {
        socialVideoPlayback("IG");
    }
})();