Autopause

Pause videos playing in background tabs when a video starts playing in the foreground tab

目前為 2025-10-13 提交的版本,檢視 最新版本

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         Autopause
// @namespace    http://tampermonkey.net/
// @version      0.8
// @description  Pause videos playing in background tabs when a video starts playing in the foreground tab
// @author       Kirill Skliarov
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    start();

    function start() {
        const channel = new BroadcastChannel('AutoPauseInBackgroundTabWhenVideoPlayed');
        const onMessage = () => {
            pauseAllVideos();
        };
        channel.addEventListener('message', onMessage);

        const onPlay = (event) => {
            const video = event.target;
            const postMsg = () => {
                const isHasSound = hasSound(video);
                if (isHasSound) {
                    channel.postMessage(null);
                }
            }

            if (video.readyState === 4 || video.readyState === 2) {
                postMsg();
            } else {
                video.addEventListener('loadeddata', postMsg);
            }
        };

        const onMutate = () => reAttachEventListeners();
        const observer = new MutationObserver(onMutate);
        const config = { attributes: false, childList: true, subtree: true };
        observer.observe(document.body, config);

        function reAttachEventListeners() {
            getAllVideos().forEach(video => {
                video.removeEventListener('play', onPlay);
                video.addEventListener('play', onPlay);
            });
        }

        function getAllVideos() {
            return document.querySelectorAll('video');
        }

        function pauseAllVideos() {
            getAllVideos().forEach(video => video.pause());
        }

        function hasAudio(video) {
            return (video.mozHasAudio ||
                !!video.webkitAudioDecodedByteCount ||
                (video.audioTracks ? (video.audioTracks.length > 0) : false));
        }

        function hasSound(video) {
            hasAudio(video) && !video.muted;
        }
    }
})();