☰

MissAV去广告、影院模式

missav 广告拦截与界面优化

目前为 2025-01-18 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @run-at       document-start
  3. // @name         MissAV去广告、影院模式
  4. // @description  missav 广告拦截与界面优化
  5. // @icon         https://static.missav.com/img/favicon.png
  6. // @namespace    loadingi.local
  7. // @version      3.1.1
  8. // @author       ch
  9. // @match        https://missav.ai/*
  10. // @match        https://missav.ws/*
  11. // @grant        GM_setValue
  12. // @grant        GM_getValue
  13. // @grant        unsafeWindow
  14. // @grant        GM_xmlhttpRequest
  15. // @compatible   chrome
  16. // @compatible   firefox
  17. // @compatible   edge
  18. // @license      GPL-3.0-only
  19. // ==/UserScript==
  20.  
  21. (function() {
  22.     'use strict';
  23.  
  24.     // 统一管理所有选择器
  25.     const SELECTORS = {
  26.         // 样式相关选择器
  27.         STYLES: {
  28.             PROGRESS_BUTTONS: '.isolate.inline-flex.rounded-md.shadow-sm',
  29.             PROGRESS_CONTROL: '.sm\\:hidden',
  30.             LOOP_BUTTON: '.sm\\:ml-6 button',
  31.             // INFO_TEXT: '.mb-1.text-secondary.break-all.line-clamp-2',
  32.             // ASPECT_RATIO: '.aspect-w-16.aspect-h-9',
  33.             PLAYER_CONTAINER: 'div.relative.-mx-4.sm\\:m-0.-mt-6',
  34.             // VIDEO_WRAPPER: '.aspect-w-16.aspect-h-9.relative'
  35.         },
  36.         // 广告相关选择器
  37.         ADS: {
  38.             SCRIPTS: [
  39.                 "script[src*='app.1aad5686.js']",
  40.                 "script[src*='inpage.push.js']",
  41.                 "script[src*='hartattenuate.com']",
  42.                 "script[src*='ads']",
  43.                 "script[src*='pop']",
  44.                 "script[src*='banner']"
  45.             ],
  46.             ELEMENTS: [
  47.                 'div.sm\\:container.mx-auto.mb-5.px-4',
  48.                 'ul.mb-4.list-none.text-nord14.grid.grid-cols-2.gap-2',
  49.                 // class="relative ml-4" 无聊的东西 myavlive 之类的
  50.                 'div.relative.ml-4',
  51.                 'div.root--ujvuu', // 隐藏底部右下角浮窗广告
  52.                 'div.under_player',
  53.                 'div.space-y-5.mb-5',
  54.                 'div[class^="rootContent--"]',
  55.                 'div[class^="fixed right-2 bottom-2"]',
  56.                 'div[class^="space-y-6 mb-6"]',
  57.                 'div.space-y-2.mb-4.ml-4.list-disc.text-nord14',
  58.                 'div[id*="ads"]',
  59.                 'div[id*="banner"]',
  60.                 'div[class*="ads"]',
  61.                 'div[class*="banner"]',
  62.                 '.ad-container',
  63.                 '#ad-container'
  64.             ],
  65.             SCRIPT_PATTERNS: [
  66.                 'htmlAds',
  67.                 'popAds',
  68.                 'bannerAds',
  69.                 'adsConfig'
  70.             ]
  71.         },
  72.         THEATER: {
  73.             PLAYER_CONTAINER: 'body > div:nth-child(3) > div.sm\\:container.mx-auto.px-4.content-without-search.pb-12 > div > div.flex-1.order-first > div:nth-child(2) > div.relative.-mx-4.sm\\:m-0.-mt-6',
  74.             PLAYER_WRAPPER: '.aspect-w-16.aspect-h-9',
  75.             VIDEO_ELEMENT: 'video#player',
  76.             PROGRESS: 'div.sm\\:hidden.flex.justify-between.-mx-4.px-4.pt-3.pb-1.bg-black',
  77.             AB_LOOP: 'div.flex.items-center.flex-nowrap.leading-5',
  78.             AB_LOOP_CONTROLS: '.theater-controls-abloop'
  79.         }
  80.     };
  81.  
  82.     // 添加统一的按钮样式常量
  83.     const BUTTON_STYLES = {
  84.         BASE: {
  85.             backgroundColor: '#222',
  86.             borderRadius: '15px',
  87.             borderColor: 'black',
  88.             borderWidth: '1px',
  89.             color: 'burlywood',
  90.             cursor: 'pointer',
  91.             transition: 'all 0.3s ease',
  92.             outline: 'none',
  93.             minWidth: '80px',
  94.             padding: '2px 4px',
  95.             marginBottom: '10px',
  96.  
  97.         },
  98.         HOVER: {
  99.             backgroundColor: '#333'
  100.         }
  101.     };
  102.  
  103.     // 创建统一的按钮工厂函数
  104.     function createStyledButton(text, onClick) {
  105.         const button = document.createElement('button');
  106.         Object.assign(button.style, BUTTON_STYLES.BASE);
  107.         button.innerText = text;
  108.         button.addEventListener('mouseover', () => Object.assign(button.style, BUTTON_STYLES.HOVER));
  109.         button.addEventListener('mouseout', () => Object.assign(button.style, { backgroundColor: BUTTON_STYLES.BASE.backgroundColor }));
  110.         button.addEventListener('click', onClick);
  111.         return button;
  112.     }
  113.  
  114.     // 统一的样式更新函数
  115.     function updateStyles() {
  116.         // 使用更高效的选择器
  117.         const styleUpdates = [
  118.             {
  119.                 selector: SELECTORS.STYLES.PROGRESS_BUTTONS,
  120.                 styles: { 
  121.                     background: 'rgba(85, 35, 49, 0.37)'
  122.                 }
  123.             },
  124.             {
  125.                 selector: SELECTORS.STYLES.PROGRESS_CONTROL,
  126.                 styles: { 
  127.                     display: 'flex',
  128.                     visibility: 'visible',
  129.                     opacity: '1'
  130.                 }
  131.             },
  132.             {
  133.                 selector: SELECTORS.STYLES.LOOP_BUTTON,
  134.                 styles: { borderWidth: '0px' }
  135.             }
  136.         ];
  137.  
  138.         styleUpdates.forEach(({selector, styles}) => {
  139.             document.querySelectorAll(selector).forEach(el => {
  140.                 Object.assign(el.style, styles);
  141.             });
  142.         });
  143.  
  144.         // 设置背景
  145.         document.body.style.backgroundColor = 'black';
  146.     }
  147.  
  148.     // 优化的广告拦截函数
  149.     function blockAds() {
  150.         // 合并所有选择器为一个字符串
  151.         const allSelectors = [
  152.             ...SELECTORS.ADS.SCRIPTS,
  153.             ...SELECTORS.ADS.ELEMENTS
  154.         ].join(',');
  155.         
  156.         // 一次性查询所有需要删除的元素
  157.         document.querySelectorAll(allSelectors).forEach(el => el?.remove());
  158.         
  159.         // 优化 iframe 移除
  160.         const iframes = document.getElementsByTagName('iframe');
  161.         Array.from(iframes).forEach(iframe => iframe.remove());
  162.         
  163.         // 优化脚本检查
  164.         const scriptPattern = new RegExp(SELECTORS.ADS.SCRIPT_PATTERNS.join('|'));
  165.         document.querySelectorAll('script').forEach(script => {
  166.             if (scriptPattern.test(script.innerText)) {
  167.                 script.remove();
  168.             }
  169.         });
  170.     }
  171.  
  172.     // 优化的播放器设置函数
  173.     function setupPlayer() {
  174.         // 移除所有带有 @click="pop()" 的元素的点击事件
  175.         document.querySelectorAll('[\\@click="pop()"]').forEach(element => {
  176.             element.removeAttribute('@click');
  177.         });
  178.  
  179.         // 移除窗口失焦暂停
  180.         const aspectElements = document.getElementsByClassName('aspect-w-16 aspect-h-9');
  181.         if(aspectElements[11]) {
  182.             aspectElements[11].removeAttribute('@click');
  183.             aspectElements[11].removeAttribute('@keyup.space.window');
  184.         }
  185.     }
  186.  
  187.     // 更新影院模式样式
  188.     function addTheaterModeStyles() {
  189.         const style = document.createElement('style');
  190.         style.textContent = `
  191.             .theater-overlay {
  192.                 position: fixed;
  193.                 top: 0;
  194.                 left: 0;
  195.                 width: 100vw;
  196.                 height: 100vh;
  197.                 background: rgba(0, 0, 0, 0.95);
  198.                 z-index: 9998;
  199.                 display: none;
  200.             }
  201.             
  202.             /* 修改播放器容器样式 */
  203.             .theater-mode-container {
  204.                 position: fixed !important;
  205.                 top: 0 !important;
  206.                 left: 0 !important;
  207.                 width: 100vw !important;
  208.                 height: 100vh !important;
  209.                 transform: none !important;
  210.                 z-index: 9999 !important;
  211.                 margin: 0 !important;
  212.                 padding: 0 !important;
  213.                 display: flex !important;
  214.                 align-items: center !important;
  215.                 justify-content: center !important;
  216.                 background: transparent !important;
  217.                 pointer-events: auto !important;
  218.             }
  219.         
  220.             
  221.             /* 修改视频包装器样式 */
  222.             .theater-mode-container .aspect-w-16.aspect-h-9 {
  223.                 position: relative !important;
  224.                 width: 100vw !important;
  225.                 max-width: none !important;
  226.                 height: 100vh !important;
  227.                 margin: 0 auto !important;
  228.                 pointer-events: auto !important;
  229.             }
  230.             
  231.             /* 修改视频元素样式 */
  232.             .theater-mode-container video {
  233.                 position: absolute !important;
  234.                 top: 0 !important;
  235.                 left: 0 !important;
  236.                 width: 100% !important;
  237.                 height: 100% !important;
  238.                 object-fit: contain !important;
  239.                 pointer-events: auto !important;
  240.             }
  241.             
  242.             /* 确保所有父容器不限制尺寸和层级 */
  243.             .theater-mode-container * {
  244.                 max-width: none !important;
  245.                 max-height: none !important;
  246.                 pointer-events: auto !important;
  247.             }
  248.             
  249.             /* 修改播放器控制栏样式 */
  250.             .theater-mode-container .plyr__controls {
  251.                 position: fixed !important;
  252.                 bottom: 0 !important;
  253.                 left: 0 !important;
  254.                 width: 100% !important;
  255.                 z-index: 10000 !important;
  256.                 // background: rgba(254, 98, 142, 0.27) !important;
  257.                 padding: 10px !important;
  258.                 opacity: 1 !important;
  259.                 visibility: visible !important;
  260.                 display: flex !important;
  261.             }
  262.             /* 降低导航栏层级*/ 
  263.             .fixed.z-max.w-full.bg-gradient-to-b.from-darkest {
  264.                 z-index: 1 !important;
  265.             }
  266.             /* 影院模式下不显示导航栏*/ 
  267.             .theater-mode-container .fixed.z-max.w-full.bg-gradient-to-b.from-darkest {
  268.                 display: none !important;
  269.             }
  270.             
  271.             /* 确保时间显示可见 */
  272.             .theater-mode-container .plyr__time {
  273.                 display: inline-block !important;
  274.                 color: white !important;
  275.                 opacity: 1 !important;
  276.                 visibility: visible !important;
  277.             }
  278.             
  279.             /* 控制条样式 */
  280.             .theater-controls-progress {
  281.                 position: fixed !important;
  282.                 bottom: 104px !important;
  283.                 z-index: 10000 !important;
  284.                 // background: rgba(254, 98, 142, 0.27) !important;
  285.                 background: transparent !important;
  286.                 padding: 10px !important;
  287.                 width: 100% !important;
  288.                 max-width: none !important;
  289.                 pointer-events: auto !important;
  290.             }
  291.             
  292.             .theater-controls-abloop {
  293.                 position: fixed !important;
  294.                 bottom: 52px !important;
  295.                 left: 0px !important;
  296.                 width: 100% !important;
  297.                 z-index: 10000 !important;
  298.                 // background: rgba(254, 98, 142, 0.27) !important;
  299.                 padding: 10px !important;
  300.                 pointer-events: auto !important;
  301.             }
  302.  
  303.              /* 添加音量控制器宽度设置 */
  304.             .theater-mode-container .plyr__controls__item.plyr__volume {
  305.                 width: 40px !important;
  306.             }
  307.  
  308.             /* 隐藏指定的控制按钮 */
  309.             .theater-mode-container .plyr__controls__item[data-plyr="rewind"],
  310.             .theater-mode-container .plyr__controls__item[data-plyr="fast-forward"],
  311.             .theater-mode-container .plyr__control[data-plyr="settings"],
  312.             .theater-mode-container .plyr__controls__item[data-plyr="pip"],
  313.             .theater-mode-container .plyr__controls__item[data-plyr="fullscreen"] {
  314.                 display: none !important;
  315.             }
  316.         `;
  317.         document.head.appendChild(style);
  318.     }
  319.  
  320.     // 更新 toggleTheaterMode 函数
  321.     function toggleTheaterMode() {
  322.         const playerContainer = document.querySelector(SELECTORS.THEATER.PLAYER_CONTAINER);
  323.         const progress = document.querySelector(SELECTORS.THEATER.PROGRESS);
  324.         const abLoop = document.querySelector(SELECTORS.THEATER.AB_LOOP);
  325.         
  326.         // 获取或创建遮罩层
  327.         let overlay = document.querySelector('.theater-overlay');
  328.         if (!overlay) {
  329.             overlay = document.createElement('div');
  330.             overlay.className = 'theater-overlay';
  331.             document.body.appendChild(overlay);
  332.         }
  333.         
  334.         const isTheaterMode = overlay.style.display === 'none' || overlay.style.display === '';
  335.         
  336.         // 获取按钮并更新文本
  337.         const theaterButton = document.querySelector('.theater-mode-button');
  338.         const abLoopButton = document.querySelector('.ab-loop-button');
  339.         
  340.         if (theaterButton) {
  341.             theaterButton.innerText = isTheaterMode ? '关闭影院' : '影院模式';
  342.         }
  343.         
  344.         // 控制 AB 循环按钮的显示/隐藏
  345.         if (abLoopButton) {
  346.             abLoopButton.style.display = isTheaterMode ? 'block' : 'none';
  347.         }
  348.         
  349.         if (isTheaterMode) {
  350.             // 进入影院模式
  351.             overlay.style.display = 'block';
  352.             
  353.             if (playerContainer) {
  354.                 playerContainer.classList.add('theater-mode-container');
  355.                 // 确保所有父容器都不限制尺寸和层级
  356.                 let parent = playerContainer.parentElement;
  357.                 while (parent && parent !== document.body) {
  358.                     parent.style.setProperty('max-width', 'none', 'important');
  359.                     parent.style.setProperty('max-height', 'none', 'important');
  360.                     parent.style.setProperty('overflow', 'visible', 'important');
  361.                     parent.style.setProperty('z-index', 'auto', 'important');
  362.                     parent = parent.parentElement;
  363.                 }
  364.             }
  365.             
  366.             if (progress) {
  367.                 progress.classList.add('theater-controls-progress');
  368.             }
  369.             
  370.             if (abLoop) {
  371.                 abLoop.classList.add('theater-controls-abloop');
  372.                 // 默认隐藏 AB 循环控制栏
  373.                 abLoop.style.display = 'none';
  374.             }
  375.             
  376.             document.addEventListener('keydown', handleEscKey);
  377.         } else {
  378.             // 退出影院模式
  379.             overlay.style.display = 'none';
  380.             
  381.             if (playerContainer) {
  382.                 playerContainer.classList.remove('theater-mode-container');
  383.                 // 恢复父容器的原始样式
  384.                 let parent = playerContainer.parentElement;
  385.                 while (parent && parent !== document.body) {
  386.                     parent.style.removeProperty('max-width');
  387.                     parent.style.removeProperty('max-height');
  388.                     parent.style.removeProperty('overflow');
  389.                     parent.style.removeProperty('z-index');
  390.                     parent = parent.parentElement;
  391.                 }
  392.             }
  393.             
  394.             if (progress) {
  395.                 progress.classList.remove('theater-controls-progress');
  396.             }
  397.             
  398.             if (abLoop) {
  399.                 abLoop.classList.remove('theater-controls-abloop');
  400.             }
  401.             
  402.             document.removeEventListener('keydown', handleEscKey);
  403.         }
  404.     }
  405.  
  406.     // ESC键处理函数
  407.     function handleEscKey(e) {
  408.         if (e.key === 'Escape') {
  409.             toggleTheaterMode();
  410.         }
  411.     }
  412.  
  413.     // 更新浮动按钮创建函数
  414.     function createFloatingButtons() {
  415.         const buttonContainer = document.createElement('div');
  416.         Object.assign(buttonContainer.style, {
  417.             position: 'fixed',
  418.             top: '14px',
  419.             right: '98px',
  420.             zIndex: '10001',
  421.             display: 'flex', 
  422.             flexDirection: 'row',  // 改为水平排列
  423.             gap: '10px'
  424.         });
  425.  
  426.         // 创建影院模式按钮
  427.         const theaterButton = createStyledButton('影院模式', toggleTheaterMode);
  428.         theaterButton.className = 'theater-mode-button';
  429.         buttonContainer.appendChild(theaterButton);
  430.         
  431.         // 创建 AB 循环按钮（初始文本为"显示AB循环"）
  432.         const abLoopButton = createStyledButton('A/B', toggleABLoopControls);
  433.         abLoopButton.className = 'ab-loop-button';
  434.         abLoopButton.style.display = 'none';  // 初始隐藏
  435.         buttonContainer.appendChild(abLoopButton);
  436.         
  437.         document.body.appendChild(buttonContainer);
  438.     }
  439.  
  440.     // 添加防抖函数
  441.     function debounce(func, wait) {
  442.         let timeout;
  443.         return function executedFunction(...args) {
  444.             const later = () => {
  445.                 clearTimeout(timeout);
  446.                 func(...args);
  447.             };
  448.             clearTimeout(timeout);
  449.             timeout = setTimeout(later, wait);
  450.         };
  451.     }
  452.  
  453.     // 优化观察者
  454.     function initObserver() {
  455.         const debouncedUpdate = debounce(() => {
  456.             blockAds();
  457.             updateStyles();
  458.             setupPlayer();
  459.         }, 100);
  460.  
  461.         const observer = new MutationObserver(debouncedUpdate);
  462.         
  463.         observer.observe(document.body, {
  464.             childList: true,
  465.             subtree: true
  466.         });
  467.     }
  468.  
  469.     // 简化清理函数
  470.     function cleanup() {
  471.         document.removeEventListener('keydown', handleEscKey);
  472.     }
  473.  
  474.     // 添加 AB 循环控制函数
  475.     function toggleABLoopControls() {
  476.         const abLoopControls = document.querySelector(SELECTORS.THEATER.AB_LOOP_CONTROLS);
  477.         const abLoopButton = document.querySelector('.ab-loop-button');
  478.         
  479.         if (abLoopControls) {
  480.             const isVisible = abLoopControls.style.display !== 'none';
  481.             abLoopControls.style.display = isVisible ? 'none' : 'flex';
  482.             
  483.             // 更新按钮文本，默认显示"显示AB循环"
  484.             if (abLoopButton) {
  485.                 abLoopButton.innerText = isVisible ? 'A/B' : 'no A/B';
  486.             }
  487.         }
  488.     }
  489.  
  490.     // 主函数
  491.     function init() {
  492.         updateStyles();
  493.         blockAds();
  494.         setupPlayer();
  495.         addTheaterModeStyles(); // 添加影院模式样式
  496.         createFloatingButtons();
  497.         initObserver();
  498.         
  499.     }
  500.  
  501.     // 当 DOM 加载完成后执行初始化
  502.     if (document.readyState === 'loading') {
  503.         document.addEventListener('DOMContentLoaded', init);
  504.     } else {
  505.         init();
  506.     }
  507. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址