☰

A2P

Anime2Potplayer，用Potplayer打开浏览器播放的动漫，这样就可以使用SVP4补帧啦！

当前为 2025-05-02 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         A2P
  3. // @namespace    http://tampermonkey.net/
  4. // @version      1.0.5
  5. // @description  Anime2Potplayer，用Potplayer打开浏览器播放的动漫，这样就可以使用SVP4补帧啦！
  6. // @author       MakotoArai(https://github.com/MakotoArai-CN)
  7. // @supportURL   https://blog.ciy.cool
  8. // @license      GPL-v3
  9. // @icon          https://cravatar.cn/avatar/1e84fce3269537e4aa7473602516bf6d?s=256
  10. // @match        *anich.emmmm.eu.org/*
  11. // @match        *.mutedm.com/*
  12. // @match        *.iyinghua.com/*
  13. // @match        *.5dm.link/*
  14. // @match        *.dmd77.com/*
  15. // @grant        GM_setValue
  16. // @grant        GM_getValue
  17. // ==/UserScript==
  18.  
  19. 'use strict';
  20.  
  21. window.onload = function () {
  22.     console.info("%cA2P%c%s", "color:red;font-size:40px;font-weight:bold;", "color:black;font-size:16px;font-weight:normal", "\n" + GM_info.script.version);
  23.  
  24.     // 定时器用于动态嗅探视频链接
  25.     const videoTimer = setInterval(findVideoUrl, 1000);
  26.     
  27.     // 域名包含 anich.emmmm.eu.org 则启用下面的逻辑
  28.     if (window.location.href.includes("anich.emmmm.eu.org")) {
  29.         // 定时器检测url是否改变，如果改变则重新调用findVideoUrl
  30.         setInterval(function () {
  31.             if (GM_getValue("url") !== window.location.href) {
  32.                 // 存入url方便对比
  33.                 GM_setValue("url", window.location.href);
  34.                 findVideoUrl();
  35.             }
  36.         }, 1500);
  37.     }
  38.  
  39.     function findVideoUrl() {
  40.         const videoElement = document.querySelector("video");
  41.         if (videoElement && videoElement.src) {
  42.             if (videoElement.src.includes("blob:")) return;
  43.             clearInterval(videoTimer);
  44.             preparePotplayerInteraction(videoElement, GM_getValue("check") ?? false);
  45.         }
  46.     }
  47.  
  48.     function preparePotplayerInteraction(videoElement, check = true) {
  49.         const videoUrl = videoElement.src;
  50.         console.log(`检测到视频链接: ${videoUrl}`);
  51.  
  52.         creatBtn(videoElement);
  53.         if (check) {
  54.             window.location.href = `potplayer://${videoUrl}`;
  55.             // 检测是否播放，如果正在播放则暂停网页的播放
  56.             var pause_Flag = 0;
  57.             const checkTimer = setInterval(() => {
  58.                 const isPlaying = !videoElement.paused && !videoElement.ended && videoElement.readyState > 2;
  59.                 // console.log(isPlaying ? "正在播放" : "已暂停或结束");
  60.                 if (isPlaying) videoElement.pause();
  61.                 if (!isPlaying || pause_Flag > 100) clearInterval(checkTimer);
  62.                 pause_Flag++;
  63.             }, 1500);
  64.         };
  65.  
  66.     }
  67.  
  68.     function creatBtn(videoElement) {
  69.         // 插入自定义CDN
  70.         document.head.insertAdjacentHTML("beforeend", `
  71.             <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
  72.         `);
  73.         // 右键菜单
  74.         var menu = document.createElement("div");
  75.         // 插入自定义css
  76.         document.head.insertAdjacentHTML("beforeend", `
  77.             <style>
  78.                  a {text-decoration: none;}
  79.                 div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:160px;-moz-box-shadow:1px 1px 3px rgba
  80.                 (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;}
  81.                 div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block}
  82.                 div.usercm ul li{margin:0px;padding:0px;line-height:35px;}
  83.                 div.usercm ul li a{color:#666;padding:0 15px;display:block}
  84.                 /* div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)} */
  85.                 div.usercm ul li a:hover{color:#fff;background:rgba(15, 120, 233, 0.88)} /* 蓝色 */
  86.                 div.usercm ul li a i{margin-right:10px}
  87.                 a.disabled{color:#c8c8c8!important;cursor:not-allowed}
  88.                 a.disabled:hover{background-color:rgba(255,11,11,0)!important}
  89.                 div.usercm{background:#fff !important;}
  90.             </style>
  91.         )`);
  92.  
  93.         /* 右键菜单 */
  94.         menu.innerHTML = `
  95.             <div class="usercm" style="left: 199px; top: 5px; display: none;">
  96.                 <ul>
  97.                     <li><a href="/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li>
  98.                     <li><a href="javascript:void(0);" onclick="'' == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? console.log() : document.execCommand('Copy')"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li>
  99.                     <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li>
  100.                     <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li>
  101.                     <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li>
  102.                     <li><a href="javascript:void(0);" class="potplayer"><i class="fa fa-arrow-right fa-fw"></i><span>Potplayer(X)</span></a></li>
  103.                     <li><a href="javascript:void(0);" class="aa2p"><i class="fa fa-arrow-right fa-fw"></i><span>自动跳转</span></a></li>
  104.                     <li><a href="https://blog.ciy.cool"><i class="fa fa-pencil-square-o fa-fw"></i><span>关于我</span></a></li>
  105.                 </ul>
  106.             </div>
  107.             `;
  108.         document.body.appendChild(menu);
  109.         // 自定义鼠标右键
  110.         // 自定义鼠标右键菜单行为
  111.         (function () {
  112.             let mouseX = 0;
  113.             let mouseY = 0;
  114.             let windowWidth = 0;
  115.             let windowHeight = 0;
  116.  
  117.             // 获取元素
  118.             const menu = document.querySelector('.usercm');
  119.  
  120.             // 鼠标移动事件
  121.             window.addEventListener('mousemove', function (e) {
  122.                 windowWidth = window.innerWidth;
  123.                 windowHeight = window.innerHeight;
  124.                 mouseX = e.clientX;
  125.                 mouseY = e.clientY;
  126.  
  127.                 // 设置菜单位置
  128.                 let left = e.pageX;
  129.                 let top = e.pageY;
  130.  
  131.                 if (mouseX + menu.offsetWidth >= windowWidth) {
  132.                     left = left - menu.offsetWidth - 5;
  133.                 }
  134.                 if (mouseY + menu.offsetHeight >= windowHeight) {
  135.                     top = top - menu.offsetHeight - 5;
  136.                 }
  137.  
  138.                 // 绑定右键点击事件
  139.                 document.documentElement.addEventListener('contextmenu', function (event) {
  140.                     if (event.button === 2) { // 右键点击
  141.                         event.preventDefault();
  142.                         menu.style.left = `${left}px`;
  143.                         menu.style.top = `${top}px`;
  144.                         menu.style.display = 'block';
  145.                     }
  146.                 });
  147.  
  148.                 // 点击隐藏菜单
  149.                 document.documentElement.addEventListener('click', function () {
  150.                     menu.style.display = 'none';
  151.                 });
  152.             });
  153.  
  154.             // 禁用默认右键菜单
  155.             window.oncontextmenu = function (e) {
  156.                 e.preventDefault();
  157.                 return false;
  158.             };
  159.  
  160.             // 判断是否是移动端
  161.             const userAgent = navigator.userAgent;
  162.             const mobileKeywords = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod'];
  163.             let isMobile = false;
  164.  
  165.             for (let keyword of mobileKeywords) {
  166.                 if (userAgent.indexOf(keyword) > -1) {
  167.                     isMobile = true;
  168.                     break;
  169.                 }
  170.             }
  171.  
  172.             // 非移动端才启用自定义右键菜单
  173.             if (!isMobile) {
  174.                 // 上面已经实现了 mouseMoveShow 和 disabledContextMenu
  175.                 // console.log('已启用自定义右键菜单');
  176.             }
  177.         })();
  178.         const potplayer = document.querySelector(".potplayer");
  179.         const aa2p = document.querySelector(".aa2p");
  180.         const videoUrl = videoElement.src;
  181.         potplayer.addEventListener("click", function () {
  182.             window.location.href = `potplayer://${videoUrl}`;
  183.             // 暂停播放
  184.             videoElement.pause();
  185.         })
  186.  
  187.         // Alt + X  按键跳转
  188.         document.onkeydown = function (e) {
  189.             const keyNum = window.event ? e.keyCode : e.which;
  190.             if (e.altKey && Number.isInteger(keyNum)) {
  191.                 switch (keyNum) {
  192.                     case 88:
  193.                         window.location.href = `potplayer://${videoUrl}`;
  194.                         videoElement.pause();
  195.                         break;
  196.                 }
  197.             }
  198.         };
  199.  
  200.         aa2p.innerHTML = `<i class="fa fa-arrow-right fa-fw"></i><span>${GM_getValue("check") ? "关闭自动跳转" : "开启自动跳转"}</span>`;
  201.         aa2p.addEventListener("click", function () {
  202.             const check = GM_getValue("check") ?? false;
  203.             if (check) {
  204.                 GM_setValue("check", false);
  205.                 aa2p.innerHTML = `<i class="fa fa-arrow-right fa-fw"></i><span>开启自动跳转</span>`;
  206.             } else {
  207.                 GM_setValue("check", true);
  208.                 aa2p.innerHTML = `<i class="fa fa-arrow-right fa-fw"></i><span>关闭自动跳转</span>`;
  209.             }
  210.         })
  211.     }
  212. }