☰

Play-With-MPV

使用 MPV 播放网页上的视频

当前为 2022-09-11 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name                    Play-With-MPV
  3. // @name:zh                 使用 MPV 播放
  4. // @description             使用 MPV 播放网页上的视频
  5. // @namespace               https://github.com/LuckyPuppy514
  6. // @version                 2.0.2
  7. // @commit                  v1.2.1 新增 powershell 脚本升级提醒功能
  8. // @commit                  v1.2.2 修复 youtube 标题带 | 导致错误脚本升级提醒
  9. // @commit                  v1.2.3 修改 imomoe 域名
  10. // @commit                  v1.3.0 新增域名：www.6dm.cc, www.dmla.cc（第一线路：大部分支持，其他线路：小部分支持）
  11. // @commit                  v1.3.0 新增域名：www.dm233.me（线路III：大部分支持，其他线路：大部分不支持）
  12. // @commit                  v1.3.0 代码重构，使用继承方便后续添加网站支持
  13. // @commit                  v1.4.0 b站bug修复：标题带数字，解析出错，修复并优化了获取视频链接的速度
  14. // @commit                  v1.4.0 新增对plex支持（本地：*://*/web/index.html*，远程：https://app.plex.tv/desktop/*）
  15. // @commit                  v1.4.1 修复b站番剧播放目录为列表时，无法获取正确集数的bug
  16. // @commit                  v1.4.2 修复b站番剧播放的bug
  17. // @commit                  v1.4.3 修改cdn为unpkg，某些网络无法访问cdn，导致js加载失败（有问题，请自行修改：unpkg.com => cdn.jsdelivr.net/npm）
  18. // @commit                  v1.4.4 www.dmla.cc 域名变更为：www.dmlaa.com
  19. // @commit                  v1.4.5 ddrk.me 域名变更为：ddys.tv
  20. // @commit                  v1.5.0 代码优化，去除 powershell 脚本，只需添加注册表信息即可
  21. // @commit                  v1.5.1 B站添加 cid 参数，配合 https://github.com/itKelis/MPV-Play-BiliBili-Comments 可实现弹幕功能
  22. // @commit                  v1.5.2 注册表代码升级，支持中文标题
  23. // @commit                  v1.5.3 添加低端影视备用域名
  24. // @commit                  v2.0.0 代码重构：1. 新增对B站av号视频支持；2. B站，油管，低端影视同步网页播放时间；3. 新增MPV路径设置，方便生成注册表；4. 新增Youtube代理设置；5. 减少暂停失败情况；
  25. // @commit                  v2.0.1 更新 mpv.net_CM 安装教程链接
  26. // @commit                  v2.0.2 更新 www.6dm.cc 域名为 www.996dm.com
  27. // @homepage                https://github.com/LuckyPuppy514/Play-With-MPV
  28. // @author                  LuckyPuppy514
  29. // @copyright               2022, Grant LuckyPuppy514 (https://github.com/LuckyPuppy514)
  30. // @license                 MIT
  31. // @icon                    https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/mpv.png
  32. // @match                   *://www.youtube.com/*
  33. // @include                 https://www.youtube.com/watch/*
  34. // @include                 https://www.bilibili.com/bangumi/play/*
  35. // @include                 https://www.bilibili.com/video/*
  36. // @connect                 api.bilibili.com
  37. // @include                 https://ddys.tv/*
  38. // @include                 https://ddys2.me/*
  39. // @include                 https://www.996dm.com/play/*
  40. // @include                 http://www.996dm.com/play/*
  41. // @include                 http://www.dmlaa.com/play/*
  42. // @include                 https://danmu.yhdmjx.com/*
  43. // @include                 https://www.dm233.me/play/*
  44. // @include                 http://www.dmh8.com/player/*
  45. // @include                 https://www.yhdmp.net/vp/*
  46. // @run-at                  document-end
  47. // @require                 https://unpkg.com/js-base64@3.6.1/base64.js
  48. // @require                 https://unpkg.com/jquery@3.2.1/dist/jquery.min.js
  49. // @grant                   GM_setValue
  50. // @grant                   GM_getValue
  51. // ==/UserScript==
  52.  
  53. 'use strict';
  54.  
  55. const REG_VERSION = "20220907";
  56.  
  57. // debug
  58. const IS_DEBUG = false;
  59. const NO_TERMINAL = false;
  60. function debug(data) {
  61.     if(IS_DEBUG) {
  62.         console.log(data);
  63.     }
  64. }
  65.  
  66. const DIV =
  67.     `
  68. <div id="pwmpv-button-div">
  69.     <button id="pwmpv-about-button"></button>
  70.     <button id="pwmpv-play-button"></button>
  71.     <button id="pwmpv-setting-button"></button>
  72. </div>
  73.  
  74. <div id="pwmpv-about-div">
  75.     <span class="pwmpv-title-span">✨ 关于 Play-With-MPV ✨ <button class="pwmpv-close-button">❌</button></span>
  76.     <table id="pwmpv-about-table">
  77.         <tr>
  78.             <td colspan="3" class="pwmpv-title-td">使用 MPV 播放网页中的视频（解码 ⬆️ 补帧 ✅ 着色器 ✅ 更多💡）</td>
  79.         </tr>
  80.         <tr>
  81.             <td><a href="https://github.com/LuckyPuppy514/Play-With-MPV#%E4%BD%BF%E7%94%A8-mpv-%E6%92%AD%E6%94%BE%E7%BD%91%E9%A1%B5%E4%B8%AD%E7%9A%84%E8%A7%86%E9%A2%91" target="_blank">🔗 支持网址 🔗</a></td>
  82.             <td colspan="2">
  83.                 <a href="https://www.bilibili.com/" target="_blank"><img class="pwmpv-support-url-icon" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/bilibili.ico"/></a>
  84.                 <a href="https://ddys.tv/" target="_blank"><img class="pwmpv-support-url-icon-small" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/ddrk.webp"/></a>
  85.                 <a href="https://www.youtube.com/" target="_blank"><img class="pwmpv-support-url-icon" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/youtube.png"/></a>
  86.                 <a href="https://www.996dm.com/" target="_blank"><img class="pwmpv-support-url-icon" style="width: 80px;" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/logo_f.png"/></a>
  87.                 <a href="http://www.dmlaa.com/" target="_blank"><img class="pwmpv-support-url-icon-small" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/fengchedongman.jpg"/></a>
  88.                 <a href="https://www.dm233.me/" target="_blank"><img class="pwmpv-support-url-icon-small" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/dm233.ico"/></a>
  89.                 <a href="https://github.com/LuckyPuppy514/Play-With-MPV#%E4%BD%BF%E7%94%A8-mpv-%E6%92%AD%E6%94%BE%E7%BD%91%E9%A1%B5%E4%B8%AD%E7%9A%84%E8%A7%86%E9%A2%91" target="_blank">......</a>
  90.             </td>
  91.         </tr>
  92.         <tr>
  93.             <td><a href="https://www.lckp.top/archives/mpvnetcm">🤖 软件安装 🤖</a></td>
  94.             <td>
  95.                 <a href="https://www.lckp.top/archives/mpvnetcm"><img class="pwmpv-support-url-icon" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/mpvnet.png" /></a>
  96.             </td>
  97.             <td>
  98.                 <a href="https://www.lckp.top/archives/mpv-lazy"><img class="pwmpv-support-url-icon-large" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/mpv.png" /></a>
  99.             </td>
  100.         </tr>
  101.         <tr>
  102.             <td><a href="https://greasyfork.org/zh-CN/scripts/444056-play-with-mpv" target="_blank">🆕 版本更新 🆕</a></td>
  103.             <td><a href="https://github.com/LuckyPuppy514/Play-With-MPV" target="_blank">🐳 项目源码 🐳</a></td>
  104.             <td><a href="https://github.com/LuckyPuppy514/Play-With-MPV/issues/new" target="_blank">👻 问题反馈 👻</a></td>
  105.         </tr>
  106.     </table>
  107.     <span class="pwmpv-footer-span">
  108.         <a href="https://greasyfork.org/zh-CN/scripts/444056-play-with-mpv" target="_blank"><img class="pwmpv-footer-icon" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/tampermonkey.png"/></a>
  109.         <a href="https://www.lckp.top" target="_blank">2022 © LuckyPuppy514</a>
  110.         <a href="https://github.com/LuckyPuppy514/Play-With-MPV" target="_blank"><img class="pwmpv-footer-icon" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/github.png"/></a>
  111.     </span>
  112. </div>
  113.  
  114. <div id="pwmpv-setting-div">
  115.     <span class="pwmpv-title-span">🌟 Play-With-MPV 设置 🌟 <button class="pwmpv-close-button">❌</button></span>
  116.     <table id="pwmpv-setting-table">
  117.         <tr>
  118.             <td class="pwmpv-title-td">🔥 MPV路径 🔥</td>
  119.             <td><input id="mpv-path-input" type=text placeholder="请输入你的 mpv.com 路径，例如：D:\\daily\\mpv\\mpv.com"></td>
  120.         </tr>
  121.         <tr>
  122.             <td colspan="2" class="pwmpv-tips-td">🩸 如果使用 v2rayN 或 Clash 客户端科学上网，要看油管需要手动添加代理设置 🩸</td>
  123.         </tr>
  124.         <tr>
  125.             <td class="pwmpv-title-td">🌐 代理设置 🌐</td>
  126.             <td><input id="proxy-input" type=text placeholder="请输入你的 http 或 socks 代理，例如：http://127.0.0.1:10809"></td>
  127.         </tr>
  128.         <tr>
  129.             <td colspan="2">
  130.                 <button id="pwmpv-save-button">保存设置</button>
  131.                 <button id="download-button" data-tip="请先输入 MPV 路径，并保存设置">下载注册表</button>
  132.             </td>
  133.         </tr>
  134.     </table>
  135.     <span class="pwmpv-footer-span">
  136.         <a href="https://greasyfork.org/zh-CN/scripts/444056-play-with-mpv" target="_blank"><img class="pwmpv-footer-icon" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/tampermonkey.png"/></a>
  137.         <a href="https://www.lckp.top" target="_blank">2022 © LuckyPuppy514</a>
  138.         <a href="https://github.com/LuckyPuppy514/Play-With-MPV" target="_blank"><img class="pwmpv-footer-icon" src="https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/github.png"/></a>
  139.     </span>
  140. </div>
  141.  
  142. <iframe id="firefox-iframe" src="about:blank" style="display:none;"></iframe>
  143. `
  144. const CSS =
  145.     `
  146. .pwmpv-close-button {
  147.     position: absolute;
  148.     top: 3px;
  149.     right: 3px;
  150.     height: 25px;
  151.     width: 40px;
  152.     border: none;
  153.     font-size: 18px;
  154.     background-color: rgba(0, 0, 0, 0);
  155. }
  156. .pwmpv-close-button:hover {
  157.     background-color: rgba(0, 0, 0, 0.3);
  158.     cursor: pointer;
  159. }
  160. #pwmpv-button-div {
  161.     display: none;
  162. }
  163. .pwmpv-title-span {
  164.     padding-top: 10px;
  165.     font-size: 15px;
  166. }
  167. #pwmpv-about-button {
  168.     position: fixed;
  169.     bottom: 58px;
  170.     left: 8px;
  171.     z-index: 999998;
  172.  
  173.     width: 25px;
  174.     height: 25px;
  175.     border: none;
  176.     border-radius: 50%;
  177.     background-size: cover;
  178.     background-color: rgba(255, 255, 255, 0);
  179.     background-image: url(https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/about-pink.png);
  180. }
  181. #pwmpv-about-button:hover {
  182.     bottom: 56px;
  183.     left: 6px;
  184.     z-index: 999999;
  185.  
  186.     width: 27px;
  187.     height: 27px;
  188. 	cursor: pointer;
  189. }
  190. #pwmpv-about-div {
  191.     position: fixed;
  192.     top: 40%;
  193.     left: 50%;
  194.     transform: translate(-50%, -50%);
  195.     z-index: 999999;
  196.  
  197.     width: 600px;
  198.     height: 300px;
  199.     border: 6px solid rgba(255, 255, 255, 0.5);
  200.     background-color: rgba(234, 122, 153, 0.9);
  201.     display: none;
  202.     flex-direction: column;
  203. 	border-radius: 6px;
  204. 	align-items: center;
  205.     color: rgba(255, 255, 255, 1);
  206. }
  207. #pwmpv-about-table {
  208.     margin-top: 10px;
  209.     width: 570px;
  210.     height: 240px;
  211.     border-radius: 5px !important;
  212.     border: 3px solid rgba(255, 255, 255, 1) !important;
  213.     text-align: center;
  214. }
  215. #pwmpv-about-table td {
  216.     border: 2px solid rgba(255, 255, 255, 0.5);
  217. }
  218. #pwmpv-about-div a {
  219.     color: rgba(255, 255, 255, 1);
  220.     text-decoration: none;
  221.     font-size: 14px;
  222. }
  223.  
  224. #pwmpv-play-button {
  225.     position: fixed;
  226.     bottom: 16px;
  227.     left: 20px;
  228.     z-index: 999999;
  229.  
  230.     width: 50px;
  231.     height: 50px;
  232.     border: none;
  233.     border-radius: 50%;
  234.     background-size: cover;
  235.     background-image: url(https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/mpvnet.png);
  236.     cursor: pointer;
  237. }
  238. #pwmpv-play-button:hover {
  239.     bottom: 14px;
  240.     left: 18px;
  241.  
  242.     width: 54px;
  243.     height: 54px;
  244. 	cursor: pointer;
  245. }
  246.  
  247. #pwmpv-setting-button {
  248.     position: fixed;
  249.     bottom: 56px;
  250.     left: 58px;
  251.     z-index: 999998;
  252.  
  253.     width: 28px;
  254.     height: 28px;
  255.     border: none;
  256.     border-radius: 50%;
  257.     background-size: cover;
  258.     background-color: rgba(255, 255, 255, 0);
  259.     background-image: url(https://cdn.jsdelivr.net/gh/LuckyPuppy514/pic-bed/common/lx-setting.png);    
  260. }
  261. #pwmpv-setting-button:hover {
  262.     bottom: 54px;
  263.     left: 56px;
  264.     z-index: 999999;
  265.  
  266.     width: 32px;
  267.     height: 32px;
  268. 	cursor: pointer;
  269. }
  270. #pwmpv-setting-div {
  271.     position: fixed;
  272.     top: 40%;
  273.     left: 50%;
  274.     transform: translate(-50%, -50%);
  275.     z-index: 999999;
  276.  
  277.     width: 600px;
  278.     height: 300px;
  279.     border: 6px solid rgba(255, 255, 255, 0.5);
  280.     background-color: rgba(65, 146, 247, 0.9);
  281.     display: none;
  282.     flex-direction: column;
  283. 	border-radius: 6px;
  284. 	align-items: center;
  285.     color: rgba(255, 255, 255, 1);
  286. }
  287. #pwmpv-setting-table {
  288.     margin-top: 10px;
  289.     width: 570px;
  290.     height: 240px;
  291.     border-radius: 5px !important;
  292.     border: 3px solid rgba(255, 255, 255, 1) !important;
  293.     text-align: center;
  294.     padding: 10px;
  295. }
  296. #pwmpv-setting-table td {
  297.     border: 0px solid rgba(255, 255, 255, 0.5);
  298.     padding-top: 10px;
  299. }
  300. .pwmpv-title-td{
  301.     width: 120px;
  302.     height: 30px;
  303.     border: none;
  304.     font-size: 14px;
  305. }
  306. #pwmpv-setting-table input {
  307.     width: 400px;
  308.     height: 30px;
  309.     border: none;
  310.     outline: none;
  311.     padding-left: 6px;
  312.     border-radius: 3px;
  313.     color: rgba(0, 0, 0, 1);
  314.     background-color: rgba(255, 255, 255, 0.9);
  315. }
  316. #pwmpv-save-button {
  317.     margin-left: 80px;
  318.     width: 300px;
  319.     height: 30px;
  320.     border: none;
  321.     border-radius: 3px;
  322.     color: rgba(255, 255, 255, 1);
  323.     background-color: rgba(0, 255, 50, 0.6);
  324. }
  325. #pwmpv-save-button:hover {
  326.     background-color: rgba(0, 255, 0, 0.8);
  327.     cursor: pointer;
  328. }
  329. .pwmpv-download-enable:hover {
  330.     background-color: rgba(0, 255, 0, 0.8);
  331.     cursor: pointer;
  332. }
  333. .pwmpv-download-disable:hover {
  334.     cursor: pointer;
  335. }
  336. .pwmpv-download-enable {
  337.     margin-left: 10px;
  338.     width: 80px;
  339.     height: 30px;
  340.     border: none;
  341.     border-radius: 3px;
  342.     color: rgba(255, 255, 255, 1);
  343.     background-color: rgba(0, 255, 50, 0.6);
  344.     
  345. }
  346. .pwmpv-download-disable {
  347.     margin-left: 10px;
  348.     width: 80px;
  349.     height: 30px;
  350.     border: none;
  351.     border-radius: 3px;
  352.     color: rgba(255, 255, 255, 1);
  353.     background-color: rgba(0, 0, 0, 0.5);
  354. }
  355. .pwmpv-tips-td {
  356.     color: rgba(255, 0, 0, 1);
  357.     font-size: 14px;
  358.     font-weight: bold;
  359. }
  360. .pwmpv-footer-span {
  361.     margin-top: 10px;
  362.     margin-bottom: 10px;
  363.     color: rgba(255, 255, 255, 1);
  364. }
  365. .pwmpv-footer-span a {
  366.     color: rgba(255, 255, 255, 1);
  367.     text-decoration: none;
  368.     font-size: 14px;
  369.     margin-bottom: 1px;
  370. }
  371. .pwmpv-footer-icon {
  372.     width: 18px;
  373.     height: 18px;
  374.     margin-left: 5px;
  375.     margin-right: 5px;
  376.     margin-bottom: -2px;
  377. }
  378. .pwmpv-support-url-icon {
  379.     width: 30px;
  380.     height: 30px;
  381.     margin-left: 8px;
  382.     margin-right: 8px;
  383. }
  384. .pwmpv-support-url-icon-small {
  385.     width: 25px;
  386.     height: 25px;
  387.     margin-left: 8px;
  388.     margin-right: 8px;
  389.     margin-bottom: 2px;  
  390. }
  391. .pwmpv-support-url-icon-large {
  392.     width: 37px;
  393.     height: 37px;
  394.     margin-left: 8px;
  395.     margin-right: 8px;
  396.     margin-bottom: -4px;
  397. }
  398. `
  399.  
  400. const REG =
  401.     `Windows Registry Editor Version 5.00
  402. [HKEY_LOCAL_MACHINE\\SOFTWARE\\Policies\\Google\\Chrome]
  403. "ExternalProtocolDialogShowAlwaysOpenCheckbox"=dword:00000001
  404.  
  405. [HKEY_LOCAL_MACHINE\\SOFTWARE\\Policies\\Microsoft\\Edge]
  406. "ExternalProtocolDialogShowAlwaysOpenCheckbox"=dword:00000001
  407.  
  408. [HKEY_CLASSES_ROOT\\mpv]
  409. @="mpv Protocol"
  410. "URL Protocol"=""
  411.  
  412. [HKEY_CLASSES_ROOT\\mpv\\DefaultIcon]
  413. @=""
  414.  
  415. [HKEY_CLASSES_ROOT\\mpv\\shell]
  416. @=""
  417.  
  418. [HKEY_CLASSES_ROOT\\mpv\\shell\\open]
  419. @=""
  420.  
  421. [HKEY_CLASSES_ROOT\\mpv\\shell\\open\\command]
  422. @="cmd /V:ON /C \\"FOR /F \\"tokens=* USEBACKQ\\" %%F IN (\`powershell -command \\"Add-Type -AssemblyName System.Web;[System.Web.HTTPUtility]::UrlDecode('%1')\\"\`) DO (SET param=%%F) & SET param=!param:mpv://=! & start /min MPV_PATH !param!\\""
  423. `
  424.  
  425. // element id
  426. const BUTTON_DIV = "pwmpv-button-div";
  427. const ABOUT_BUTTON_ID = "pwmpv-about-button";
  428. const ABOUT_DIV_ID = "pwmpv-about-div";
  429. const PLAY_BUTTON_ID = "pwmpv-play-button";
  430. const SETTING_BUTTON_ID = "pwmpv-setting-button";
  431. const SETTING_DIV_ID = "pwmpv-setting-div";
  432. const MPV_PATH_INPUT_ID = "mpv-path-input";
  433. const PROXY_INPUT_ID = "proxy-input";
  434. const SAVE_BUTTON_ID = "pwmpv-save-button";
  435. const DOWNLOAD_BUTTON_ID = "download-button";
  436. const FIREFOX_IFRAME = "firefox-iframe";
  437. // display
  438. const DISPLAY_NONE = "none";
  439. const DISPLAY_FLEX = "flex";
  440. // GM value key
  441. const KEY_MPV_PATH = "MPV_PATH";
  442. const KEY_PROXY = "PROXY";
  443. const KEY_REG_VERSION = "REG_VERSION";
  444.  
  445. function appendHTML() {
  446.     var div = document.createElement("div");
  447.     div.innerHTML = DIV.trim();
  448.     document.body.appendChild(div);
  449. }
  450. function appendCSS() {
  451.     var css = document.createElement("style");
  452.     css.innerHTML = CSS.trim();
  453.     document.head.appendChild(css);
  454. }
  455. function addListener() {
  456.     // 关于
  457.     var aboutButton = document.getElementById(ABOUT_BUTTON_ID);
  458.     var aboutDiv = document.getElementById(ABOUT_DIV_ID);
  459.     aboutButton.onclick = function () {
  460.         if (aboutDiv.style.display == DISPLAY_NONE) {
  461.             aboutDiv.style.display = DISPLAY_FLEX;
  462.             settingDiv.style.display = DISPLAY_NONE;
  463.         } else {
  464.             aboutDiv.style.display = DISPLAY_NONE;
  465.         }
  466.     };
  467.  
  468.     // 播放
  469.     var playButton = document.getElementById(PLAY_BUTTON_ID);
  470.     playButton.onclick = function () {
  471.         handler.playCurrentVideoWithMPV();
  472.     }
  473.  
  474.     // 设置
  475.     var settingButton = document.getElementById(SETTING_BUTTON_ID);
  476.     var saveButton = document.getElementById(SAVE_BUTTON_ID);
  477.     var downloadButton = document.getElementById(DOWNLOAD_BUTTON_ID);
  478.     var settingDiv = document.getElementById(SETTING_DIV_ID);
  479.     var mpvPathInput = document.getElementById(MPV_PATH_INPUT_ID);
  480.     var proxyInput = document.getElementById(PROXY_INPUT_ID);
  481.     settingButton.onclick = function () {
  482.         if (settingDiv.style.display == DISPLAY_NONE) {
  483.             showSettingDiv();
  484.             aboutDiv.style.display = DISPLAY_NONE;
  485.         } else {
  486.             settingDiv.style.display = DISPLAY_NONE;
  487.         }
  488.     };
  489.     saveButton.onclick = function () {
  490.         let oldMpvPath = GM_getValue(KEY_MPV_PATH);
  491.         let mpvPath = mpvPathInput.value;
  492.         let proxy = proxyInput.value;
  493.         if (!mpvPath) {
  494.             downloadButton.className = "pwmpv-download-disable";
  495.             Toast("⚠️ MPV路径不能为空 ⚠️", 1500);
  496.             return;
  497.         }
  498.         if (/.*[\u4e00-\u9fa5]+.*$/.test(mpvPath)) {
  499.             downloadButton.className = "pwmpv-download-disable";
  500.             Toast("⚠️ MPV路径不能包含中文 ⚠️", 1500)
  501.             return;
  502.         }
  503.         mpvPath = mpvPath.replaceAll("/", "\\");
  504.         mpvPath = mpvPath.replaceAll("\\\\", "\\");
  505.         mpvPath = mpvPath.replaceAll("\\", "\\\\");
  506.         GM_setValue(KEY_MPV_PATH, mpvPath);
  507.         GM_setValue(KEY_PROXY, proxy);
  508.         debug(proxy);
  509.         downloadButton.className = "pwmpv-download-enable";
  510.         if (oldMpvPath != mpvPath) {
  511.             Toast("🔥 请重新添加注册表信息 🔥", 2500);
  512.             downloadButton.click();
  513.         } else {
  514.             Toast("✅  保存成功  ✅", 1500);
  515.         }
  516.     };
  517.     downloadButton.onclick = function () {
  518.         generateRegFile();
  519.     }
  520.     var closeButtons = document.getElementsByClassName("pwmpv-close-button");
  521.     for(let closeButton of closeButtons){
  522.         closeButton.onclick = function () {
  523.             aboutDiv.style.display = DISPLAY_NONE;
  524.             settingDiv.style.display = DISPLAY_NONE;
  525.         }
  526.     }
  527. }
  528. // 显示设置窗口
  529. function showSettingDiv() {
  530.     var downloadButton = document.getElementById(DOWNLOAD_BUTTON_ID);
  531.     var settingDiv = document.getElementById(SETTING_DIV_ID);
  532.     var mpvPathInput = document.getElementById(MPV_PATH_INPUT_ID);
  533.     var proxyInput = document.getElementById(PROXY_INPUT_ID);
  534.     let mpvPath = GM_getValue(KEY_MPV_PATH);
  535.     let proxy = GM_getValue(KEY_PROXY);
  536.     if (mpvPath) {
  537.         mpvPathInput.value = mpvPath;
  538.         downloadButton.className = "pwmpv-download-enable";
  539.     } else {
  540.         downloadButton.className = "pwmpv-download-disable";
  541.     }
  542.     if (proxy) {
  543.         proxyInput.value = proxy;
  544.     }
  545.     settingDiv.style.display = DISPLAY_FLEX;
  546. }
  547.  
  548. // 显示消息
  549. function Toast(msg, duration) {
  550.     duration = isNaN(duration) ? 3000 : duration;
  551.     var m = document.createElement('div');
  552.     m.innerHTML = msg;
  553.     m.style.cssText = "max-width:60%;min-width: 150px;padding:0 14px;height: 40px;color: rgb(255, 255, 255);line-height: 40px;text-align: center;border-radius: 4px;position: fixed;top: 15%;left: 50%;transform: translate(-50%, -50%);z-index: 999999;background: rgba(0, 0, 0, 0.6);font-size: 14px;";
  554.     document.body.appendChild(m);
  555.     setTimeout(function () {
  556.         var d = 0.5;
  557.         m.style.opacity = '0';
  558.         setTimeout(function () { document.body.removeChild(m) }, d * 1000);
  559.     }, duration);
  560. }
  561.  
  562. // domain
  563. const YOUTUBE = "www.youtube.com";
  564. const BILIBILI = "www.bilibili.com";
  565. const DDRK = "ddys.tv, ddys2.me";
  566. const DM6CC = "www.6dm.cc, www.996dm.com";
  567. const DMLACC = "www.dmlaa.com";
  568. const YHDMJX = "danmu.yhdmjx.com";
  569. const DM233 = "www.dm233.me";
  570. const DMH8 = "www.dmh8.com";
  571. const YHDMP = "www.yhdmp.net";
  572.  
  573. // api
  574. const BILIBILI_API = 'https://api.bilibili.com'
  575.  
  576. // mpv urlprotocol
  577. const MPV_URLPROTOCOL = "mpv://";
  578.  
  579. // try time
  580. const MAX_TRY_TIME = 3;
  581. var tryTime;
  582. var timers;
  583.  
  584. // current page info
  585. var currentUrl;
  586. var currentDomain;
  587. var currentVideoUrl;
  588.  
  589. // video url handler
  590. var handler;
  591.  
  592. var ddrkPlayStatus;
  593. var bilibiliCid;
  594.  
  595. // 通过 URLProtocol 调用 mpv 播放
  596. function playWithMPV(protocolLink) {
  597.     let regVersion = GM_getValue(KEY_REG_VERSION);
  598.     if (!regVersion || regVersion != REG_VERSION) {
  599.         showSettingDiv();
  600.         Toast("🆕 注册表配置有更新，请重新下载并添加注册表信息 🆕");
  601.         return;
  602.     }
  603.     var isSupported = false;
  604.     if (navigator.userAgent.includes("Firefox/")) {
  605.         let iframe = document.getElementById(FIREFOX_IFRAME);
  606.         try {
  607.             iframe.contentWindow.location.href = protocolLink;
  608.             isSupported = true;
  609.         } catch (e) {
  610.             if (e.name == "NS_ERROR_UNKNOWN_PROTOCOL") {
  611.                 isSupported = false;
  612.                 dealPlayWithMPVResult(isSupported);
  613.             }
  614.         }
  615.     } else if (navigator.userAgent.includes("Chrome/")) {
  616.         let protcolEl = document.getElementById(PLAY_BUTTON_ID);
  617.         protcolEl.focus();
  618.         protcolEl.onblur = function () {
  619.             isSupported = true;
  620.         };
  621.         location.href = protocolLink;
  622.         setTimeout(function () {
  623.             protcolEl.onblur = null;
  624.             dealPlayWithMPVResult(isSupported);
  625.         }, 500);
  626.     }
  627. }
  628. // 处理调用 MPV 结果
  629. function dealPlayWithMPVResult(isSupported) {
  630.     if (!isSupported) {
  631.         Toast("⚠️ 请先设置MPV路径，并添加注册表信息 ⚠️");
  632.         showSettingDiv();
  633.     }
  634. }
  635. // 生成注册表文件
  636. function generateRegFile() {
  637.     var a = document.createElement('a');
  638.     var blob = new Blob([REG.replace(KEY_MPV_PATH, GM_getValue(KEY_MPV_PATH))], { 'type': 'application/octet-stream' });
  639.     a.href = window.URL.createObjectURL(blob);
  640.     a.download = "mpv.reg";
  641.     a.click();
  642.     GM_setValue(KEY_REG_VERSION, REG_VERSION);
  643. }
  644.  
  645. class Handler {
  646.     // 获取当前视频链接
  647.     getCurrentVideoUrl() { }
  648.     // 获取开始时间
  649.     getStartTime() {
  650.         return null;
  651.     }
  652.     // 调用 MPV 播放
  653.     playCurrentVideoWithMPV() {
  654.         // 携带视频链接
  655.         let protocolLink = MPV_URLPROTOCOL + '"' + currentVideoUrl + '"';
  656.         // 携带标题
  657.         protocolLink = protocolLink + ' --force-media-title="' + document.title + '"';
  658.         // 禁用命令行输出及控制
  659.         if(NO_TERMINAL){
  660.             protocolLink = protocolLink + ' --no-terminal';
  661.         }
  662.         // B站携带请求头及 cid
  663.         if (BILIBILI.indexOf(currentDomain) != -1) {
  664.             protocolLink = protocolLink + ' --http-header-fields=referer:"' + currentUrl + ',user-agent:' + navigator.userAgent 
  665.                 + '" --script-opts="cid=' + bilibiliCid + '"';
  666.         }
  667.         // 油管代理
  668.         let proxy = GM_getValue(KEY_PROXY);
  669.         if (proxy && YOUTUBE.indexOf(currentDomain) != -1) {
  670.             protocolLink = protocolLink + ' --http-proxy=' + proxy + ' --ytdl-raw-options=proxy=[' + proxy + ']';
  671.         }
  672.         // 开始时间，如果 mpv 开启了退出时记住播放状态，则记住状态优先级更高
  673.         let startTime = handler.getStartTime();
  674.         if (startTime) {
  675.             protocolLink = protocolLink + ' --ss=' + startTime;
  676.         }
  677.         playWithMPV(protocolLink);
  678.         this.pauseCurrentVideo();
  679.     }
  680.     // 暂停网页视频
  681.     pauseCurrentVideo() {
  682.         var isPause = false;
  683.         let i = 0;
  684.         while (i < 5) {
  685.             i++;
  686.             setTimeout(function () {
  687.                 if(!isPause){
  688.                     debug("try to pause");
  689.                     document.getElementsByTagName("video")[0].pause();
  690.                     isPause = true;
  691.                     debug("pause success");
  692.                 }
  693.             }, 1500 * i);
  694.         }
  695.     }
  696. }
  697. // 油管
  698. class YoutubeHandler extends Handler {
  699.     getStartTime(){
  700.         let startTimeElements = document.getElementsByClassName("ytp-time-current");
  701.         if (startTimeElements){
  702.             let length = startTimeElements.length;
  703.             if (length > 0 && startTimeElements[length - 1]) {
  704.                 return startTimeElements[length - 1].innerHTML;
  705.             }
  706.         }
  707.         return null;
  708.     }
  709.     getCurrentVideoUrl() {
  710.         currentVideoUrl = currentUrl;
  711.         checkCurrentVideoUrl();
  712.     }
  713. }
  714. // B站
  715. class BilibiliHandler extends Handler {
  716.     getStartTime() {
  717.         let startTimeElement = document.getElementsByClassName("bpx-player-ctrl-time-current")[0];
  718.         if (!startTimeElement) {
  719.             startTimeElement = document.getElementsByClassName("squirtle-video-time-now")[0];
  720.         }
  721.         if (startTimeElement) {
  722.             return startTimeElement.innerHTML;
  723.         }
  724.         return null;
  725.     }
  726.     getCurrentVideoUrl() {
  727.         // 投稿视频
  728.         let index = currentUrl.indexOf('/video/');
  729.         if (index != -1) {
  730.             let param = "";
  731.             let videoId = currentUrl.substring(index + 7);
  732.             if (videoId.startsWith("BV")) {
  733.                 param = "bvid=" + videoId.substring(2, 12);
  734.             } else if (videoId.startsWith("av")) {
  735.                 param = "aid=" + videoId.substring(2, 10);
  736.             } else {
  737.                 debug("bilibili video id invalid: " + videoId);
  738.                 return;
  739.             }
  740.             debug("bilibili video id: " + param);
  741.             this.getBilibiliVideoUrl(param);
  742.             return;
  743.         }
  744.  
  745.         // 番剧
  746.         let aElement = document.getElementsByClassName('ep-item cursor visited')[0];
  747.         if (!aElement) {
  748.             aElement = document.getElementsByClassName('ep-item cursor')[0];
  749.         }
  750.         let epid = aElement.getElementsByTagName('a')[0].href;
  751.         epid = epid.substring(epid.indexOf('/ep') + 3);
  752.         epid = epid.substring(0, epid.indexOf('/'));
  753.         debug('epid: ' + epid);
  754.  
  755.         let eno = document.getElementsByClassName("ep-list-progress")[0];
  756.         if (!eno) {
  757.             return;
  758.         }
  759.         eno = eno.innerHTML;
  760.         eno = eno.substring(0, eno.indexOf('/'));
  761.         debug('eno: ' + eno);
  762.         this.getBilibiliBangumiUrl(epid, eno);
  763.     }
  764.     // 获取B站投稿视频链接
  765.     getBilibiliVideoUrl(param) {
  766.         $.ajax({
  767.             type: "GET",
  768.             url: BILIBILI_API + "/x/web-interface/view?" + param,
  769.             xhrFields: {
  770.                 withCredentials: true
  771.             },
  772.             success: function (res) {
  773.                 debug("get acid and cid by bvid result: ");
  774.                 debug(res);
  775.                 let avid = res.data.aid;
  776.                 let cid = res.data.cid;
  777.                 let index = currentUrl.indexOf("?p=");
  778.                 if (index != -1 && res.data.pages.length > 1) {
  779.                     let p = currentUrl.substring(index + 3);
  780.                     let endIndex = p.indexOf("&");
  781.                     if (endIndex != -1) {
  782.                         p = p.substring(0, endIndex);
  783.                     }
  784.                     cid = res.data.pages[p - 1].cid;
  785.                 }
  786.  
  787.                 debug("avid: " + avid);
  788.                 debug("cid: " + cid);
  789.                 bilibiliCid = cid;
  790.  
  791.                 let queryBilibiliVideoUrl = "/x/player/playurl?"
  792.                     + "qn=120&otype=json&fourk=1&fnver=0&fnval=0"
  793.                     + "&avid=" + avid
  794.                     + "&cid=" + cid;
  795.                 $.ajax({
  796.                     type: "GET",
  797.                     url: BILIBILI_API + queryBilibiliVideoUrl,
  798.                     xhrFields: {
  799.                         withCredentials: true
  800.                     },
  801.                     success: function (res) {
  802.                         debug("get video url by bvid result: ");
  803.                         debug(res);
  804.                         currentVideoUrl = res.data.durl[0].url;
  805.                         checkCurrentVideoUrl();
  806.                     }
  807.                 })
  808.             }
  809.         })
  810.     }
  811.     // 获取B站番剧视频链接
  812.     getBilibiliBangumiUrl(epid, eno){
  813.         if (!epid || !eno) {
  814.             return;
  815.         }
  816.         $.ajax({
  817.             type: "GET",
  818.             url: BILIBILI_API + "/pgc/view/web/season?ep_id=" + epid,
  819.             xhrFields: {
  820.                 withCredentials: true
  821.             },
  822.             success: function (res) {
  823.                 debug("get acid and cid by epid result: ");
  824.                 debug(res);
  825.                 let episodes = res.result.episodes;
  826.                 if (eno.indexOf('PV') != -1 || eno.indexOf('OP') != -1 || eno.indexOf('ED') != -1) {
  827.                     return;
  828.                 }
  829.  
  830.                 // 获取 avid and cid
  831.                 let episode = episodes[eno - 1];
  832.                 let avid = episode.aid;
  833.                 let cid = episode.cid;
  834.                 debug("avid: " + avid);
  835.                 debug("cid: " + cid);
  836.                 bilibiliCid = cid;
  837.  
  838.                 let queryBilibiliVideoUrl = "/pgc/player/web/playurl?"
  839.                     + "qn=120&otype=json&fourk=1&fnver=0&fnval=0"
  840.                     + "&avid=" + avid
  841.                     + "&cid=" + cid;
  842.                 $.ajax({
  843.                     type: "GET",
  844.                     url: BILIBILI_API + queryBilibiliVideoUrl,
  845.                     xhrFields: {
  846.                         withCredentials: true
  847.                     },
  848.                     success: function (res) {
  849.                         debug("get video url by epid result: ");
  850.                         debug(res);
  851.                         currentVideoUrl = res.result.durl[0].url;
  852.                         checkCurrentVideoUrl();
  853.                     }
  854.                 });
  855.             }
  856.         })
  857.     }
  858. }
  859. // 低端影视
  860. class DdrkHandler extends Handler {
  861.     getStartTime(){
  862.         let startTimeElements = document.getElementsByClassName("vjs-time-tooltip");
  863.         if (startTimeElements){
  864.             let length = startTimeElements.length;
  865.             if (length > 0 && startTimeElements[length - 1]) {
  866.                 return startTimeElements[length - 1].innerHTML;
  867.             }
  868.         }
  869.         return null;
  870.     }
  871.     getCurrentVideoUrl() {
  872.         // 点击播放按钮加载 video 元素
  873.         if (ddrkPlayStatus == 0) {
  874.             let ddrkPlayButton = document.getElementsByClassName('vjs-big-play-button')[0];
  875.             if (!ddrkPlayButton) {
  876.                 debug("ddrk get play button fail");
  877.                 return;
  878.             }
  879.             ddrkPlayButton.click();
  880.             ddrkPlayStatus = 1;
  881.         }
  882.         currentVideoUrl = document.getElementById('vjsp_html5_api').src;
  883.         checkCurrentVideoUrl();
  884.     }
  885. }
  886. // dm6cc 樱花动漫网
  887. class Dm6ccHandler extends Handler {
  888.     constructor() {
  889.         super();
  890.         window.addEventListener('message', function (event) {
  891.             currentVideoUrl = event.data;
  892.             checkCurrentVideoUrl();
  893.             window.removeEventListener("message", () => { });
  894.         }, false);
  895.     }
  896.     pauseCurrentVideo() {
  897.         document.getElementsByTagName("iframe")[2].contentWindow.postMessage("pause", "https://" + YHDMJX);
  898.     }
  899. }
  900. // 风车动漫
  901. class DmlaccHandler extends Handler {
  902.     constructor() {
  903.         super();
  904.         window.addEventListener('message', function (event) {
  905.             currentVideoUrl = event.data;
  906.             checkCurrentVideoUrl();
  907.             window.removeEventListener("message", () => { });
  908.         }, false);
  909.     }
  910.     pauseCurrentVideo() {
  911.         document.getElementsByTagName("iframe")[2].contentWindow.postMessage("pause", "https://" + YHDMJX);
  912.     }
  913. }
  914. class YhdmjxHandler extends Handler {
  915.     constructor() {
  916.         super();
  917.         // 监听父页面暂停指令
  918.         window.addEventListener("message", function (event) {
  919.             if (event.data == "pause") {
  920.                 document.getElementsByTagName('video')[0].pause();
  921.             }
  922.         }, false);
  923.     }
  924.     getCurrentVideoUrl() {
  925.         // 发送视频链接到父页面（DmlaccHandler/DmlaccHandler）
  926.         currentVideoUrl = document.getElementsByTagName('video')[0].src;
  927.         if (checkCurrentVideoUrl()) {
  928.             window.parent.postMessage(currentVideoUrl, "*");
  929.         }
  930.     }
  931. }
  932. // 233动漫网
  933. class Dm233Handler extends Handler {
  934.     constructor() {
  935.         super();
  936.         this.videoElement = null;
  937.     }
  938.     getCurrentVideoUrl() {
  939.         let iframe = document.getElementById('id_main_playiframe');
  940.         this.videoElement = iframe.contentWindow.document.getElementsByTagName("video")[0];
  941.  
  942.         let videoUrl = this.videoElement.src;
  943.         if (videoUrl.startsWith("blob:")) {
  944.             videoUrl = iframe.src;
  945.             let startIndex = videoUrl.indexOf('url=http') + 4;
  946.             let endIndex = videoUrl.indexOf('&getplay_url=');
  947.             videoUrl = decodeURIComponent(videoUrl.substring(startIndex, endIndex));
  948.         }
  949.         currentVideoUrl = videoUrl;
  950.         checkCurrentVideoUrl();
  951.     }
  952.     pauseCurrentVideo() {
  953.         this.videoElement.pause();
  954.     }
  955. }
  956. // 樱花动漫
  957. class Dmh8Handler extends Handler {
  958.     getCurrentVideoUrl() {
  959.         let iframe = document.getElementsByTagName('iframe')[2];
  960.         let videoUrl = iframe.src;
  961.         let startIndex = videoUrl.indexOf('url=http') + 4;
  962.         let endIndex = videoUrl.indexOf('m3u8') + 4;
  963.         currentVideoUrl = decodeURIComponent(videoUrl.substring(startIndex, endIndex));
  964.         checkCurrentVideoUrl();
  965.     }
  966. }
  967. // 樱花动漫
  968. class YhdmpHandler extends Handler {
  969.     constructor() {
  970.         super();
  971.         this.videoElement = null;
  972.     }
  973.     getCurrentVideoUrl() {
  974.         let iframe = document.getElementById('yh_playfram');
  975.         this.videoElement = iframe.contentWindow.document.getElementsByTagName("video")[0];
  976.  
  977.         let videoUrl = iframe.src;
  978.         let startIndex = videoUrl.indexOf('url=http') + 4;
  979.         let endIndex = videoUrl.indexOf('&getplay_url=');
  980.         currentVideoUrl = decodeURIComponent(videoUrl.substring(startIndex, endIndex));
  981.         checkCurrentVideoUrl();
  982.     }
  983.     pauseCurrentVideo() {
  984.         this.videoElement.pause();
  985.     }
  986. }
  987.  
  988. // 校验视频链接是否有效
  989. function checkCurrentVideoUrl() {
  990.     if (!currentVideoUrl || !currentVideoUrl.startsWith("http")) {
  991.         debug("current video url is invalid: " + currentVideoUrl);
  992.         return false;
  993.     }
  994.     if (YOUTUBE.indexOf(currentDomain) != -1) {
  995.         if(currentUrl.indexOf("/watch") == -1 && currentUrl.indexOf("/playlist") == -1) {
  996.             debug("not /watch|/playlist: " + currentUrl);
  997.             return false;
  998.         }
  999.     }
  1000.     // yun.66dm.net 无法播放
  1001.     if (currentVideoUrl.indexOf("yun.66dm.net") != -1) {
  1002.         debug("yun.66dm.net: " + currentVideoUrl);
  1003.         return false;
  1004.     }
  1005.     debug("current video url: " + currentVideoUrl);
  1006.     if(YHDMJX.indexOf(currentDomain) == -1){
  1007.         document.getElementById(BUTTON_DIV).style.display = DISPLAY_FLEX;
  1008.     }
  1009.     return true;
  1010. }
  1011. // 初始化当前页信息
  1012. function initCurrentPageInfo() {
  1013.     debug("init current page info ......");
  1014.     document.getElementById(BUTTON_DIV).style.display = DISPLAY_NONE;
  1015.     if (timers) {
  1016.         for (let timer of timers) {
  1017.             debug("clear timer");
  1018.             clearTimeout(timer);
  1019.         }
  1020.     }
  1021.     currentUrl = window.location.href;
  1022.     currentDomain = window.location.host;
  1023.     currentVideoUrl = "";
  1024.     ddrkPlayStatus = 0;
  1025.     tryTime = 0;
  1026. }
  1027. // 创建处理器
  1028. function createHandler() {
  1029.     debug("start create handler: " + currentDomain);
  1030.     if (BILIBILI.indexOf(currentDomain) != -1) {
  1031.         handler = new BilibiliHandler();
  1032.     } else if (DDRK.indexOf(currentDomain) != -1) {
  1033.         handler = new DdrkHandler();
  1034.     } else if (YOUTUBE.indexOf(currentDomain) != -1) {
  1035.         handler = new YoutubeHandler();
  1036.     } else if (DM6CC.indexOf(currentDomain) != -1) {
  1037.         handler = new Dm6ccHandler();
  1038.     } else if (DMLACC.indexOf(currentDomain) != -1) {
  1039.         handler = new DmlaccHandler();
  1040.     } else if (YHDMJX.indexOf(currentDomain) != -1) {
  1041.         handler = new YhdmjxHandler();
  1042.     } else if (DM233.indexOf(currentDomain) != -1) {
  1043.         handler = new Dm233Handler();
  1044.     } else if (DMH8.indexOf(currentDomain) != -1) {
  1045.         handler = new Dmh8Handler();
  1046.     } else if (YHDMP.indexOf(currentDomain) != -1) {
  1047.         handler = new YhdmpHandler();
  1048.     }
  1049. }
  1050. // 页面变更监听器
  1051. function pageChangeListener() {
  1052.     let newCurrentUrl = window.location.href;
  1053.     if (currentUrl != newCurrentUrl) {
  1054.         initCurrentPageInfo();
  1055.         refreshCurrentVideoUrl();
  1056.     }
  1057. }
  1058. // 刷新视频链接
  1059. function refreshCurrentVideoUrl() {
  1060.     debug("refresh current video url: " + currentVideoUrl);
  1061.     debug("current url: " + currentUrl);
  1062.     timers = new Array();
  1063.     while (tryTime < MAX_TRY_TIME) {
  1064.         timers[tryTime] = setTimeout(function () {
  1065.             if (!checkCurrentVideoUrl()) {
  1066.                 handler.getCurrentVideoUrl();
  1067.             }
  1068.             debug("timer done");
  1069.         }, tryTime * 2000 + 700);
  1070.         tryTime = tryTime + 1;
  1071.     }
  1072. }
  1073. // 初始化
  1074. function init() {
  1075.     // 添加组件和监听器
  1076.     appendHTML();
  1077.     appendCSS();
  1078.     addListener();
  1079.  
  1080.     // 初始化页面信息
  1081.     initCurrentPageInfo();
  1082.     // 创建处理器
  1083.     createHandler();
  1084.     // 刷新视频链接
  1085.     refreshCurrentVideoUrl();
  1086.     // 定时监听页面变化
  1087.     setInterval(pageChangeListener, 700);
  1088. }
  1089.  
  1090. // 初始化
  1091. init();