☰

Play-With-MPV

使用 MPV 播放网页上的视频

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

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