☰

Play-With-MPV

使用 mpv 播放网页中的视频，并支持 potplayer 及自定义播放器

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

  1. // ==UserScript==
  2. // @name                    Play-With-MPV
  3. // @name:zh                 使用 MPV 播放
  4. // @namespace               https://github.com/LuckyPuppy514
  5. // @version                 3.2.7
  6. // @author                  LuckyPuppy514
  7. // @copyright               2023, Grant LuckyPuppy514 (https://github.com/LuckyPuppy514)
  8. // @license                 MIT
  9. // @description             使用 mpv 播放网页中的视频，并支持 potplayer 及自定义播放器
  10. // @homepage                https://github.com/LuckyPuppy514/Play-With-MPV
  11. // @icon                    https://www.lckp.top/gh/LuckyPuppy514/pic-bed/common/mpv.png
  12. // @match                   https://www.bilibili.com/bangumi/play/*
  13. // @match                   https://www.bilibili.com/video/*
  14. // @match                   https://www.bilibili.com/festival/*
  15. // @match                   https://www.bilibili.com/list/*
  16. // @match                   https://live.bilibili.com/*
  17. // @match                   https://www.ixigua.com/*
  18. // @match                   https://yun.nxflv.com/?url=*
  19. // @match                   https://ddys.art/*
  20. // @match                   https://ddys.pro/*
  21. // @match                   https://tv.libvio.cc/*
  22. // @match                   https://libvio.fun/play/*
  23. // @match                   https://libvio.me/play/*
  24. // @match                   https://www.libvio.me/play/*
  25. // @match                   https://sh-data-s02.chinaeast2.cloudapp.chinacloudapi.cn/*?url=*
  26. // @match                   https://p.cfnode1.xyz/*?url=*
  27. // @match                   https://www.nivod.tv/*
  28. // @match                   https://www.pkmp4.com/py/*
  29. // @match                   https://www.pkmp4.com/addons/dplayer/?url=*
  30. // @match                   https://www.btnull.org/py/*
  31. // @match                   https://www.btnull.to/py/*
  32. // @match                   https://www.btnull.nu/py/*
  33. // @match                   https://www.btnull.in/py/*
  34. // @match                   *://www.996dm.com/play/*
  35. // @match                   *://www.dmlaa.com/play/*
  36. // @match                   *://www.qdmsh.com/play/*
  37. // @match                   https://danmu.yhdmjx.com/*?url=*
  38. // @match                   https://dick.xfani.com/watch/*
  39. // @match                   https://dick.xfani.com/addons/dp/player/*
  40. // @match                   https://m3.moedot.net/muiplayer/?url=*
  41. // @match                   https://www.mgnacg.com/bangumi/*
  42. // @match                   https://play.mknacg.top:8585/*
  43. // @match                   https://www.omofun.top/index.php/vod/play/id/*
  44. // @match                   https://player.omofun.top/?url=*
  45. // @match                   https://spdcat.net/vodplay/*
  46. // @match                   https://spdcat.net/addons/dp/player/*
  47. // @match                   http://www.dm88.me/player/*
  48. // @match                   https://jianghu.live2008.com/*?url=*
  49. // @match                   https://www.kk151.com/play/*
  50. // @match                   https://jx.m3u8.tv/jiexi/?url=*
  51. // @match                   https://jx.wolongzywcdn.com:65/m3u8.php?url=*
  52. // @match                   https://www.m3u8.tv.cdn.8old.cn/jx.php?url=*
  53. // @match                   https://jx.wujinkk.com/dplayer/?url=*
  54. // @match                   https://www.ikdmjx.com/?url=*
  55. // @match                   https://hls.kuaibofang.com/?url=*
  56. // @match                   https://jx.jxbdzyw.com/m3u8/?url=*
  57. // @match                   https://hdzyk.com/?m=*
  58. // @match                   https://1080zyk1.com/?m=*
  59. // @match                   https://1080zyk2.com/?m=*
  60. // @match                   https://1080zyk3.com/?m=*
  61. // @match                   https://1080zyk4.com/?m=*
  62. // @match                   https://1080zyk5.com/?m=*
  63. // @match                   https://vip.zykbf.com/?url=*
  64. // @match                   https://www.bdys01.com/*
  65. // @match                   *://*/*.mp4
  66. // @match                   *://*/*.mkv
  67. // @include                 *://alist.*
  68. // @include                 *://*:5244*
  69. // @match                   https://www.dora-family.com/Resource:TV
  70. // @match                   https://www.olehdtv.com/*
  71. // @match                   https://www.youtube.com/*
  72. // @match                   https://ani.gamer.com.tw/animeVideo.php?sn=*
  73. // @match                   https://hanime1.me/watch?v=*
  74. // @match                   https://www.lckp.top/play-with-mpv/index.html
  75. // @connect                 api.bilibili.com
  76. // @connect                 api.live.bilibili.com
  77. // @require                 https://unpkg.com/jquery@3.2.1/dist/jquery.min.js
  78. // @require                 https://unpkg.com/md5@2.3.0/dist/md5.min.js
  79. // @grant                   GM_setValue
  80. // @grant                   GM_getValue
  81. // @run-at                  document-end
  82. // ==/UserScript==
  83.  
  84. 'use strict';
  85.  
  86. const INFO = `
  87.  
  88. ▶️🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽🔽◀️
  89. ▶️                                                       ◀️
  90. ▶️                     Play-With-MPV                     ◀️
  91. ▶️                                                       ◀️
  92. ▶️    https://github.com/LuckyPuppy514/Play-With-MPV     ◀️
  93. ▶️                                                       ◀️
  94. ▶️                  © 2023 LuckyPuppy514                 ◀️
  95. ▶️                                                       ◀️
  96. ▶️🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼🔼◀️
  97.  
  98. `;
  99. // gm key
  100. const KEY = {
  101.     config: "config"
  102. }
  103. // 默认配置
  104. const DEFAULT_CONFIG = {
  105.     player: "mpv",
  106.     mpv: {
  107.         path: "",
  108.         regVersion: "20230118",
  109.     },
  110.     potplayer: {
  111.         path: "",
  112.         regVersion: "20230118",
  113.     },
  114.     proxy: "",
  115.     bestQuality: "2160p",
  116.     bilibiliCodecs: 12,
  117.     playAuto: 0,
  118.     syncStartTime: 0,
  119.     subtitlePrefer: "zh-Hans",
  120.     customPlayer: {
  121.         name: "custom",
  122.         params: {
  123.             videoUrl: 'iina://weblink?url=${EvideoUrl}',
  124.             audioUrl: '',
  125.             subtitleUrl: '',
  126.             title: '',
  127.             startTime: '',
  128.             referer: '',
  129.             origin: '',
  130.             proxy: '',
  131.             other: ''
  132.         }
  133.     },
  134.     version: "20230118"
  135. };
  136. var currentConfig;
  137. // 视频链接匹配正则
  138. const VIDEO_URL_REGEX = /https?:\/\/(?![^"^']*http)[^"^']+(\.|%2e)(m3u8|m3u|mp4|mkv|flv|avi)(|\?[\w&]+)/g;
  139. // 父子页面方法名
  140. const METHOD = {
  141.     pause: "PAUSE",
  142.     report: "REPORT"
  143. };
  144. // 时间 ms
  145. const TIME = {
  146.     out: 3000,
  147.     toast: 3500,
  148.     refresh: 600,
  149.     reportInterval: 600,
  150.     pauseInterval: 2000
  151. }
  152. // 尝试次数
  153. var tryTime = 0;
  154. const TRY_TIME = {
  155.     maxPause: 5,
  156.     maxParse: 8
  157. };
  158. // 播放器配置
  159. const PLAYER = {
  160.     mpv: {
  161.         name: "mpv",
  162.         params: {
  163.             videoUrl: 'mpv://"${videoUrl}"',
  164.             audioUrl: '--audio-file="${audioUrl}"',
  165.             subtitleUrl: '--sub-file="${subtitleUrl}"',
  166.             title: '--force-media-title="${title}"',
  167.             startTime: '--start=${startTime}',
  168.             referer: '--http-header-fields="referer: ${referer}"',
  169.             origin: '--http-header-fields="origin: ${origin}"',
  170.             proxy: '--http-proxy=${proxy} --ytdl-raw-options=proxy=[${proxy}]',
  171.             other: '${other}'
  172.         }
  173.     },
  174.     potplayer: {
  175.         name: "potplayer",
  176.         params: {
  177.             videoUrl: 'potplayer://${videoUrl} /current',
  178.             subtitleUrl: '/sub="${subtitleUrl}"',
  179.             title: '/title="${title}"',
  180.             startTime: '/seek=${startTime}',
  181.             referer: '/referer="${referer}"',
  182.             origin: '/headers="origin: ${origin}"',
  183.             proxy: '/user_agent="${proxy}"'
  184.         }
  185.     },
  186.     custom: {
  187.         name: "custom",
  188.         params: undefined
  189.     }
  190. }
  191. // 页面信息
  192. var page = {
  193.     host: undefined,
  194.     url: undefined,
  195.     isFullScreen: false,
  196. };
  197. // 处理器
  198. var handler;
  199. // 前缀
  200. const PREFIX = "pwm";
  201. // 组件 id
  202. const ID = {
  203.     loadingDiv: `${PREFIX}-loading-div`,
  204.     toastDiv: `${PREFIX}-toast-div`,
  205.     buttonDiv: `${PREFIX}-button-div`,
  206.     infoButton: `${PREFIX}-info-button`,
  207.     infoDiv: `${PREFIX}-info-div`,
  208.     infoTable: `${PREFIX}-info-table`,
  209.     playButton: `${PREFIX}-play-button`,
  210.     settingButton: `${PREFIX}-setting-button`,
  211.     settingDiv: `${PREFIX}-setting-div`,
  212.     settingTable: `${PREFIX}-setting-table`,
  213.     playerRadio: `${PREFIX}-player-radio`,
  214.     softwarePathInput: `${PREFIX}-software-path-input`,
  215.     proxyInput: `${PREFIX}-proxy-input`,
  216.     bestQualityRadio: `${PREFIX}-best-quality-radio`,
  217.     bilibiliCodecsRadio: `${PREFIX}-bilibili-codecs-radio`,
  218.     saveButton: `${PREFIX}-save-button`,
  219.     downloadButton: `${PREFIX}-download-button`,
  220.     playAutoInput: `${PREFIX}-play-auto-input`,
  221.     syncStartTimeInput: `${PREFIX}-sync-start-time-input`,
  222.     syncStartTimeSpan: `${PREFIX}-sync-start-time-span`,
  223.     infoDiv: `${PREFIX}-info-div`,
  224.     infoTable: `${PREFIX}-info-table`,
  225.     subtitlePreferRadio: `${PREFIX}-subtitle-prefer-radio`,
  226.     customPlayerButton: `${PREFIX}-custom-player-button`,
  227.     customPlayerTable: `${PREFIX}-custom-player-table`,
  228.     videoUrlParamInput: `${PREFIX}-video-url-param-input`,
  229.     audioUrlParamInput: `${PREFIX}-audio-url-param-input`,
  230.     subtitleUrlParamInput: `${PREFIX}-subtitle-url-param-input`,
  231.     titleParamInput: `${PREFIX}-title-param-input`,
  232.     startTimeParamInput: `${PREFIX}-start-time-param-input`,
  233.     proxyParamInput: `${PREFIX}-proxy-param-input`,
  234.     refererParamInput: `${PREFIX}-referer-param-input`,
  235.     originParamInput: `${PREFIX}-origin-param-input`,
  236.     nxParserIframe: `${PREFIX}-nx-parser-iframe`
  237. }
  238. // 组件 class
  239. const CLASS = {
  240.     button: `${PREFIX}-button`,
  241.     titleSpan: `${PREFIX}-title-span-class`,
  242.     titleTd: `${PREFIX}-title-td-class`,
  243.     closeButton: `${PREFIX}-cloase-button-class`,
  244.     tipSpan: `${PREFIX}-tip-span-class`,
  245.     footerSpan: `${PREFIX}-footer-span-class`,
  246.     switchLabel: `${PREFIX}-switch-label-class`,
  247.     sliderSpan: `${PREFIX}-slider-span-class`,
  248.     roundSpan: `${PREFIX}-round-span-class`,
  249.     readOnly: `${PREFIX}-read-only-class`,
  250.     footerA: `${PREFIX}-footer-a-class`,
  251.     infoInput: `${PREFIX}-info-input-class`,
  252. }
  253. // 消息类型
  254. const TOAST_TYPE = {
  255.     info: "info",
  256.     warn: "warn",
  257.     error: "error"
  258. }
  259. // 图标
  260. const ICON_BASE64 = {
  261.     custom: "url('data:image/png;base64,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')",
  262.     back: "url('data:image/png;base64,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')",
  263. }
  264. const CSS = `
  265. #${ID.loadingDiv} {
  266.     display: none;
  267.     position: fixed;
  268.     bottom: 50%;
  269.     left: 50%;
  270.     z-index: 999999;
  271.     transform: translate(-50%, -50%);
  272.     background-color: rgba(255, 255, 255, 0);
  273. }
  274. .spinner {
  275.     width: 40px;
  276.     height: 40px;
  277.     background-color: rgba(255, 255, 255, 1);
  278.     -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  279.     animation: sk-rotateplane 1.2s infinite ease-in-out;
  280. }
  281. @-webkit-keyframes sk-rotateplane {
  282.     0% {
  283.         -webkit-transform: perspective(120px)
  284.     }
  285.  
  286.     50% {
  287.         -webkit-transform: perspective(120px) rotateY(180deg)
  288.     }
  289.  
  290.     100% {
  291.         -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
  292.     }
  293. }
  294.  
  295. @keyframes sk-rotateplane {
  296.     0% {
  297.         transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  298.         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  299.     }
  300.  
  301.     50% {
  302.         transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  303.         -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  304.     }
  305.  
  306.     100% {
  307.         transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  308.         -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  309.     }
  310. }
  311. #${ID.toastDiv} {
  312.     display: none;
  313.     position: fixed;
  314.     bottom: 80%;
  315.     left: 50%;
  316.     max-width: 60%;
  317.     min-width: 150px;
  318.     padding: 0 14px;
  319.     height: 40px;
  320.     color: rgb(255, 255, 255);
  321.     line-height: 40px;
  322.     text-align: center;
  323.     border-radius: 4px;
  324.     transform: translate(-50%, -50%);
  325.     z-index: 999999;
  326.     background: rgba(0, 255, 0, .9);
  327.     font-size: 14px;
  328.     font-weight: blod;
  329. }
  330. /* 按钮 */
  331. ${ID.buttonDiv} {
  332.     display: none;
  333. }
  334. .${CLASS.button} {
  335.     position: fixed;
  336.     cursor: pointer;
  337.     z-index: 99999;
  338.     border: none;
  339.     border-radius: 50%;
  340.     background-size: cover;
  341.     background-color: rgba(255, 255, 255, 0);
  342. }
  343. #${ID.playButton} {
  344.     bottom: 10px;
  345.     left: 16px;
  346.     width: 50px;
  347.     height: 50px;
  348.     background-image: url(data:image/png;base64,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);
  349. }
  350. #${ID.playButton}:hover {
  351.     bottom: 8px;
  352.     left: 14px;
  353.     width: 54px;
  354.     height: 54px;
  355. }
  356. /* 设置 */
  357. #${ID.settingButton} {
  358.     bottom: 50px;
  359.     left: 56px;
  360.     width: 28px;
  361.     height: 28px;
  362.     background-image: url(data:image/png;base64,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);
  363. }
  364. #${ID.settingButton}:hover {
  365.     bottom: 48px;
  366.     left: 52px;
  367.     width: 32px;
  368.     height: 32px;
  369. }
  370. #${ID.settingDiv},
  371. #${ID.infoDiv} {
  372.     position: fixed;
  373.     top: 40%;
  374.     left: 50%;
  375.     transform: translate(-50%, -50%);
  376.     z-index: 99999;
  377.  
  378.     width: 900px;
  379.     height: 520px;
  380.     background-color: rgb(65, 146, 247);
  381.     display: none;
  382.     flex-direction: column;
  383. 	border-radius: 6px;
  384. 	align-items: center;
  385.     color: rgba(0, 0, 0, .7);
  386.     font-family: "微软雅黑";
  387. }
  388. #${ID.infoDiv} {
  389.     background-color: rgb(234, 122, 153) !important;
  390. }
  391. #${ID.infoTable},
  392. #${ID.settingTable},
  393. #${ID.customPlayerTable} {
  394.     width: 800px;
  395.     height: 460px;
  396.     border-radius: 5px !important;
  397.     border: 3px solid rgba(255, 255, 255, 1) !important;
  398.     text-align: left;
  399.     border-collapse: unset !important;
  400.     display: flex;
  401.     justify-content: center;
  402.     padding-top: 3px;
  403.     padding-bottom: 12px;
  404.     line-height: 20px !important;
  405.     font-weight: normal !important;
  406. }
  407. #${ID.customPlayerTable} {
  408.     display: none;
  409. }
  410. #${ID.infoTable} td,
  411. #${ID.settingTable} td,
  412. #${ID.customPlayerTable} td {
  413.     font-size: 14px;
  414.     border: 0px solid rgba(255, 255, 255, 0.5);
  415.     padding: 19px 0px 0px 0px !important;
  416. }
  417. #${ID.infoTable} td {
  418.     padding-top: 16.5px !important;
  419. }
  420. .${CLASS.titleSpan} {
  421.     padding-top: 12.5px;
  422.     padding-bottom: 12.5px;
  423.     font-size: 16px;
  424.     font-weight: bold;
  425.     color: rgba(255, 255, 255, 1) !important;
  426. }
  427. .${CLASS.closeButton} {
  428.     position: absolute;
  429.     top: 4px;
  430.     right: 8px;
  431.     height: 25px;
  432.     width: 25px;
  433.     border: none;
  434.     font-size: 17px !important;
  435.     font-weight: normal !important;
  436.     background-color: rgba(0, 0, 0, 0);
  437.     line-height: 0px;
  438.     border-radius: 3px;
  439.     transform: scale(1.32, 1);
  440.     color: rgba(255, 255, 255, 1);
  441. }
  442. .${CLASS.closeButton}:hover {
  443.     font-size: 20px;
  444.     background-color: rgba(255, 255, 255, .5);
  445.     cursor: pointer;
  446. }
  447. .${CLASS.tipSpan} {
  448.     font-size: 12px;
  449.     color: yellow;
  450.     position: fixed;
  451. }
  452. .${CLASS.titleTd} {
  453.     position: relative;
  454.     width: 80px;
  455.     height: 30px;
  456.     border: none;
  457.     font-size: 14px;
  458.     text-align: center;
  459.     color: rgba(255, 255, 255, 1) !important;
  460.     cursor: default;
  461. }
  462. #${ID.infoTable} input,
  463. #${ID.settingTable} input,
  464. #${ID.customPlayerTable} input {
  465.     font-size: 12px !important;
  466.     width: 500px;
  467.     height: 26px;
  468.     border: none;
  469.     outline: none;
  470.     text-indent: 5px;
  471.     padding: 0px !important;
  472.     border-radius: 0px !important;
  473.     color: rgba(0, 0, 0, 1);
  474.     background-color: rgba(255, 255, 255, 1);
  475.     cursor: auto;
  476.     display: flex !important;
  477.     margin-top: 1px !important;
  478.     margin-bottom: 1px !important;
  479.     border-collapse: unset !important;
  480. }
  481. #${ID.settingTable} input::placeholder,
  482. #${ID.customPlayerTable} input::placeholder {
  483.     font-size: 12px;
  484.     color: rgba(0, 0, 0, .3);
  485. }
  486. #${ID.saveButton} {
  487.     font-size: 14px;
  488.     margin-left: 150px;
  489.     width: 300px;
  490.     height: 30px;
  491.     border: none;
  492.     border-radius: 3px;
  493.     color: rgba(255, 255, 255, 1);
  494.     background-color: rgba(0, 255, 0, .7);
  495. }
  496. #${ID.downloadButton} {
  497.     font-size: x-small;
  498.     margin-left: 10px;
  499.     width: 80px;
  500.     height: 30px;
  501.     border: none;
  502.     border-radius: 3px;
  503.     color: rgba(255, 255, 255, 1);
  504.     background-color: rgba(0, 255, 0, .7);
  505. }
  506. #${ID.saveButton}:hover,
  507. #${ID.downloadButton}:hover {
  508.     opacity: .8;
  509.     background-color: rgba(0, 255, 0, .8);
  510.     cursor: pointer;
  511. }
  512. .${CLASS.footerSpan} {
  513.     margin-top: 8px;
  514.     margin-bottom: 8px;
  515.     color: rgba(255, 255, 255, 1);
  516. }
  517. #${ID.infoDiv} a,
  518. .${CLASS.footerSpan} a {
  519.     color: rgba(255, 255, 255, 1);
  520.     text-decoration: none;
  521.     font-size: 14px !important;
  522.     font-weight: normal !important;
  523.     margin-bottom: 1px;
  524.     display: inline-block;
  525. }
  526. /* switch */
  527. .${CLASS.switchLabel} {
  528.     position: relative;
  529.     display: inline-block;
  530.     width: 50px;
  531.     height: 21px;
  532.     margin-top: 3px;
  533. }
  534. .${CLASS.switchLabel} input { 
  535.     opacity: 0;
  536.     width: 0 !important;
  537.     height: 0 !important;
  538. }
  539. .${CLASS.sliderSpan} {
  540.     position: absolute;
  541.     cursor: pointer;
  542.     top: 0;
  543.     left: 0;
  544.     right: 0;
  545.     bottom: 0;
  546.     background-color: rgba(255, 255, 255, .6);
  547.     -webkit-transition: .4s;
  548.     transition: .4s;
  549. }
  550. .${CLASS.sliderSpan}:before {
  551.     position: absolute;
  552.     content: "";
  553.     height: 13px;
  554.     width: 13px;
  555.     left: 4px;
  556.     bottom: 4px;
  557.     background-color: rgba(255, 255, 255, 1);
  558.     -webkit-transition: .4s;
  559.     transition: .4s;
  560. }
  561. input:checked + .${CLASS.sliderSpan} {
  562.     background-color: rgba(0, 255, 0, .7);
  563. }
  564. input:focus + .${CLASS.sliderSpan} {
  565.     box-shadow: 0 0 1px rgba(0, 255, 0, .7);
  566. }
  567. input:checked + .${CLASS.sliderSpan}:before {
  568.     -webkit-transform: translateX(29px);
  569.     -ms-transform: translateX(29px);
  570.     transform: translateX(29px);
  571. }
  572. .${CLASS.sliderSpan}.${CLASS.roundSpan} {
  573.     border-radius: 34px;
  574. }
  575. .${CLASS.sliderSpan}.${CLASS.roundSpan}:before {
  576.     border-radius: 50%;
  577. }
  578. .${CLASS.readOnly} {
  579.     color: rgba(255, 255, 255, .3) !important;
  580.     background-color: rgba(0, 0, 0, .3) !important;
  581.     cursor: default !important;
  582.     opacity: 1 !important;
  583. }
  584. .${CLASS.readOnly}::placeholder {
  585.     color: rgba(255, 255, 255, .3) !important;
  586. }
  587. #${ID.infoButton} {
  588.     bottom: 52px;
  589.     left: 3px;
  590.     width: 25px;
  591.     height: 25px;
  592.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAFTFJREFUeF7tnXt0HPV1x793VpKNBbYle2dlqFMQz0AKcQADxSQhxGBTikkDBtIW2zw0EiY0BDDalWmWwu4KmdY5BWytANuQ0NCE5BD7GIJJAwGcgknjlBDzjAgN2NKuZMnGL8nauT0r2+Fpa3dm9rfzuHOO//DR797fvd97P+c3MzvzG4IcooAosF8FSLQRBUSB/SsggEh3iAIHUEAAkfYQBQQQ6QFRwJoCsoJY002sAqKAABKQQkua1hQQQKzpJlYBUUAACUihJU1rCggg1nQTq4AoIIAEpNCSpjUFBBBruolVQBQQQAJSaEnTmgICiDXdxCogCgggASm0pGlNAQHEmm5iFRAFBJCAFFrStKaAAGJNN7EKiAICSEAKLWlaU0AAsaabWAVEAQEkIIWWNK0pIIBY002sAqKAABKQQkua1hQQQKzpJlYBUUAAKXGhOb589OaBgXozpNUzcz2YDmVwDQE1xKhhDTVg1AB//tcPoA/M/QT0MVE/iPp4+P+cBVEn5bTOSuzuHN96bV+Jww+8ewHEwRboiqZPCxFmMKgexPXEVM/gQx2c4uOu+kDoBKMToE5G7ukNVd3/dXY8PlTCOQPlWgCxUe7MwvajAUzjHM4B0UwCam24c8SUgN0msFojelIzzWcnpBo3OOI4oE4EkCIL393c8VVN4/OHwQBOLdK8HMN/A8azzHgi0mqsKUcAXp5TACmgel2xpZ8D00Ua0SwApxRg4sohDLwcIloJ5FZNTDStc2WQLgtKANlPQTbG0xO1QeyBgvkCl9XNiXCeZaZVQ7mhVYe1Xfu6Ew796EMA+VhVe6Lp40wNcwDMBaPOj0X/ZE60ImfmHpzU2vRMMPItPEsBZK9WXS1LTg9xxRwGzwUwunAJ/TOSgMdMxoORlPGYf7Kyl0ngAck0t88gjeYwcJk9KX1kzfQMKPegnmxa4aOsLKUSWEAyzUunQNMWQMA4QOPQWmK0hVMNKy11lw+MAgfIxnh6TOUgbmYgD8cYH9RQRQrLSKtoC99xVeAu5gMFSDbWcRkzLwBhioqu8tUchB42sSiSMtp8ldcIyQQCkO7YkhMJoaicTjnR2sE67fI9IJnY0tmAthhAKZ+JcqLzvOWD0aKnjKS3gi4+Wl8D0h1t/2ciuq14WcSiMAXooYEq7YbJ8as3Fzbee6N8CUjXTUv1UJW2mIFveK8k3oqYQOtMwg2RRMOvvBV5YdH6DpBMS/sXwZQ/pfpCYRLIKAcU2ArQDXqyYZkDvlzlwleAZGJL5wLavXL7tlw9xik92Rgr1+ylmNc3gGRiHVGAfX/RWIomcNYnrdCTDfOc9Vk+b74AJBNN3w3CdeWTUWb+iAKMNXrKOM8PqngekEys40cAX+yHYvgqB8Lv9IRxotdz8jQgmZb0E2DM8HoR/Bo/A72RpDHRy/l5FpBMLP04gJleFj8gse/Qk0a1V3P1JCCZlo77wXyVV0UPXNyM9XrK8ORtd88Bkmlpvx1MCwPXZN5P+BE9aVzutTQ8BUg2lv4OA3GviSzx7lGAgcWRpPFtL+nhGUAEDi+11YFi9daPiZ4AJBtL38jAXX5pkaDnwWzeEkk1eeK9EtcD0hVrP0cD5Tc804LeWH7K32SaVeeBV3ldDciW+P21g7vNNcx8sp+a4+O5hCaMQ0VdLUKRWgxtzCKX6Udu81Y/p5zPrZOYZoZTDW+4OVFXA5Jpab8fTL68nRsKj0f1uVNR+ZkItIMP+kSPmFt3YOi9LHas/R12v73RzT1kPTaix/VEw99Yd1B6S9cCkoml5wO4p/QSqJ9h9JRjcMjFXy544p0vbsC2lc8XPN5LA4no38KJhhvdGrMrAemOLj2TSMtfd/hu15HaGy9DqHZs0f1gbt+F3uRDRdt5wcAkGHUJo8ONsboSkEysYw3A090omJ2Yxl99ASqPsP5q/M51G7Dtpz5cSQg9RBXT3LitkOsAybSkrwPjbjuN6Ebbg047HgdfOM12aFuWrcbgH96z7ceFDpbpScN115uuAqS3ZdnkHA+uBWiyCwtoOSStejTGN15k6dTq45MOvZtB/7LV4IHdluNxqyExzXLbLo6uAsSvLz6NOukojJ39Fcf68v1Hn8au9W865s89jmitnmywv8w6mJBrAOmOtU+nPT8I+u6o/uopGHO2cw+z7njuZWz/2Qu+0ymfEDNucdPuja4BxK8X5vmij/vH81B13F861tCDb76LLSvyr8P48HDZBbsrAMm2pBuYkfZhuYdTmnDLP0Ab69wda3PbTvSmvudXuUCg9nCyockNCboCkExL+tdg+PZxEgGk6FbfpTGmTEwZrxVt6bBB2QHx++ohp1gWO5bQqieM/IbjZT3KDojfV498deUi3UKPE7owODRFXzS/y4K1YyZlBSQIq0e+UnKb12K/MqJ6ymi1aO2IWVkBCcLqka+S/FBouVdf215VNeWI+Lxdlj3YNCwbIEFZPfbVRx41sdapTNwUSTS2W7O2b1U2QDIt6SfBONd+Ct7xIA8rWqgVYY2eKN82pmUBZHPsvhOHYP6vBbk8byKPuxdfwgpoJ9Umr3m5eEv7FmUBpCvavlAjut1++N70IC9MFVc3k/nWulTjHcVZOTO6LIB0xzpeJPBUZ1Lwphd55bbwujFoXSTZcFrhFs6NVA7I3i9A/dK5FLzvKaCbNhRXOOIv6YnGZ4szsj9aOSDZaPsiJrrJfujiIUgKEPNd4VTjzapzVg9ILP0aA8eqTlTm87YCBLweThrHqc5CKSB7N2Pw4UvVqssWzPlM0zynrrXpFyqzVwtILH0zAZ7YclJlEWSughVI6ElD6c7+igFpf4xAswqWQwaKAh9V4Fd60jhTpShKAcnE0hkAYZUJylz+UoCqKg4Lx69SttWkMkA2NXecGtJ4nb/KJdkoV4D5Sj3VuFzVvMoAybZ0fJuZ/1VVYjKPbxVQ+qUqZYB0x+T6w7ctqzAxImwOJ4wJqqZUBkgmln4bwOGqEvPaPHTQKFREapDr3Qrz/R1eC19pvAQcGk4am1RMqgSQrpsWVWtVY7epSMhLc2hjqzH6C8dg1PFHoOKwDz4nnsv0YeDVd7DrN28g19PvpZSUxFrBoWm1qavXqphMCSA9zR2nmnKB/kE9NUL19KkY88WTRqzxrpdexfY1L8HcUbaX6kaMUfUAjeiKiYkGJfseKQEkE1s6F9CU3XlQXbBi5st/+mDcFTOQf5q30MPcvhNbH34Ku98p6/4FhYZb8nEExMNJ47aSTwRACSDZWLqNAeUPmqkQsNg58nBUHfuZYs2Q69mCzYv/s2g7fxrQQ3qyYY6K3JQAkom2rwbR+SoScvMco048EmMvPcdyiPn9ePP78gb+IDyvJ4yzVOigBhC5gzVcy/HGrOFvElo9zP5t6F30H1bNfWNHoI3hZMNhKhIqOSAcj2vZwUk5Fcm4eY6KSRNQc93XbYe45XtPYvC1d2z78bqDcNWmSorHh0qdR8kB2RhPj6kYxPZSJ+J2/2POOgnVM+y/Nbrzhd9j2yoldzhdLWmOB/RJqeuzpQ6y5IDkv3U+MJjrLXUibvc/9hvTMeqEI2yHObSxB333/sS2H8870PgY/Y7Gkn9FqOSA9LQsPcxk7V3PF8RmAvnTq/xplt2Ddw2i5/YVdt143l4L0dSJtze8VOpESg5I98L0kWTirVIn4nb/46+5EJWH19kO09yyDb1tcqHOJs6LtBol/yJZyQHpvbXjhFyOX7HdGR53IIA4XUC6VE82/NBprx/3V3JAsrfedzLnzF+XOhG3+xdAnK0QMxojKaPkXyUrOSCZlvQ0MJ5zVh7veRNAnK4ZNevJhjud9qp8Bdkcvf/MIcoFficTAcTpVuZmPdnofUCyzfedzJqcYgkgzgJCBCOcMDqc9fpJbyU/xeqNth+fI/p9qRNxu38BxOEKEWbrCeNHDnv9hLuSA9LdvKSetNAfSp2I2/0LIM5WiE2aHmlt+LmzXsuwgmRj6UkMKNumpdSCWfUvgFhV7tPtyNROCbde8z/Oei0DIP3NS2oGtdDmUifidv8CiLMVYjN3ZKT12k5nvZYBEI4vH50dHNxZ6kTc7l8AcbZCVWaudnzrtX3Oei0DIPkpM7E0lzoRt/sXQJytkJ40Sn79nI9YySTZlvQrzDjBWYm85U0AcbRenXrSONJRj/txpgSQTCydf2bmEhUJuXUOAcS5yhDj5+GUMd05j/v3pASQbCz9HQbiKhJy6xwCiHOVYaAjkjQM5zyWGZBMS/oSMEr+5KUKwazOIYBYVe7T7NQ8ZqLsGkR+TQcEEAcBUfQrujJA5E6WAOIgHlD1I6FSQIJ+J0tWEOcQUfUbiFJAMrGO5QDPdU4mb3kSQByr11t60jjaMW8jOFJyF2vPKVaw9+cVQJxqab5bTzZe75S3kfwoAyQb7TiGiV8fKSC//l0AcaayBFwQThqrnfE2shdlgOy9UA/sR3QEkJGbsZARFTmMr73T2FLIWCfGqAUkml4BgpJduZ0Qx0kfAogjaj6hJw2lm6CrBSSWng/gHkek8pgTAcSBgjGiespodcBTwS6UAhLkL00JIAX35P4HEs7SE4bSDUCUArL3OuRVAMc5IJenXAggtsv1mp40PmvbS5EO1APSkk6B0VxknJ4fLoDYLCGhVU8YUZteijZXDkhXy5LTNQ79d9GRetxAALFXQJNyZ9Qlrn3BnpfirZUDMnyaFe14GsRfLj5c71oIIDZqx/SMnmo424YHy6ZlAaQrmv6WRlhsOWoPGgog1otmMm6oSxnfte7BumVZANnUvPTwkKblL9ZHWw/dW5YCiOV67cqZ5mcntTb90bIHG4ZlASQfbzaW/gEDl9mI3VOmAoi1chHwSDhpXG7N2r5V+QBZ2HEBm7zKfgre8CCAWKsTM74WSRmPWbO2b1U2QPauIisZ+Fv7abjfgwBioUZlvDjfF215AQnQKiKAWAAE5jw92VTWDzKWFZAgrSICSNGA/FZPGlOKtnLYoPyABGQVEUCK69xy3tr9cKRlByQoq4gAUhQgf6ysqppSE5/XX5RVCQa7A5AArCI111+Mikit7RLywCB6/qWsp+W2cxjJAQHxcNK4baRxKv7uCkDyiWZi6QcAXKki6XLMMfbvz8Wo4w+3PfXQxh703fsT235c64CxfmgUph0aN3a4IUbXAJJd+MCxzEPPgzHRDcI4HcOYL34e1edNte1254sbsG2l0lcibMdcjAMCXR5ONjxSjE0px7oGkHyS3dH0AiKU/MulpRR0f74rDp2Imvl/Z3vqrQ+vwcCGsjx1YTv2Ahw8opfxV/NPi89VgOw51ep4HuAzCxDTc0PGN16Eysm65bjN93egt/X7lu1dbrgDpjlNb21a76Y4XQdINtpxIRP/1E0iORXL6M8fjUMusf7U9vY167Djl791KhxX+XHThfmHhXEdIHtWEf9esI+bdz6qjvqLopsz1/c+Nt/1g6LtPGHgsgtz9wMSX16H3YNrwPgrTxS4iCBD4fEYd8UMhGrHFmyVv7W75ftrsLvTfx8LZmCQTXNmXWvTLwoWROFAV64ge69FZgL8uEItlE1FVRWoPncqDjrjcyPOuWv9m9j+1Eswt2wbcawXB7DJ8yOtjUvcGrtrAdkLSRTgpFvFsxtXfhUZffKxw7+PhPSaP7vLn04NvvoOdq1/A/nfPXx7EP5dTxj/5Ob8XA3I3uuRQHzfUBtXjQq9Brnercht3urmnnEmNsKacOWmmRSPm844LI0X1wPS17z08N2a9hSAo0ojgXhVrQAB/zfEPHNSqnGD6rmLnc/1gOQT6m7p+Box+/j5imLL5u3xzPz1SKrRE/X0BCD5dsjG0lczcJ+3W0OiB+GbesLwzP7MngFkeCWJpW8moE3azKsKcEpPNsa8FL2nANm7kgT+m+tearAPYqUVerJhntdi9xwgAonXWgwgYGU4aczyXuTDsXvzyMbSspJ4o3RP60njK94I9ZNRehaQfCqZlvR1YNztVfH9Hzf/UE82XurlPD0NyF5ILgEj/2OiHC5SgAjfDSeMG1wUkqVQPA+IQGKp7iU1cuuj61aS9gUgAomV0pfGxk9w5BXyDSAfgmQZgINLU37xeiAF/AaH7wDJJ9QdbT+DSLsT4LOknRUpwNhIGi0IJxoeVjSjsml8tYLsU+3t+PLR1YMDbQB9U5mSwZ1odYh5wQQPPHhopUS+BGSfEJlo+zwmaiP4cyshKwV32CahJ42FDvt0lTtfAzJ8XdK8dAq0UP6Ua7qrlPdwMAzuBGkLIomGH3s4jYJC9z0g+1QY3nNLw81+3ZiuoGo7MYhxT0irbJuQuPJPTrhzu4/AAJIvxPDujebQAj9vcVq6hqOnGOaiSLIx//JaYI5AAbKvqnv23sICv25Q52z38p9A1OaldziczD+QgHzktIuQv9NV/EZVTlbBnb6GwGgP0unUp5Uh0IDkBdkYT08MDfBcIpoDYOR9eNzZzE5G1UNEK3Kce7Au2fSKk4696CvwgOwrGsfjFd2Dk+ZqQB6UaV4sps2Y3zKZH6zMhVZMaLvmXZu+fGMugHxKKTPR9ouhaXPAfIFvKr2/RBgvgc2HMNpcocfn+3N3OhtFFEAOIF5XNH1aSKPZYJ7N/rpO2QKiR0Hmo/odjT+z0T++NxVACijx299aPP7g6jGzwciDck4BJi4dws/lwRiA+ePJiab3XBqkq8ISQIosRzba8SWTeBYBpwM4o0hz5cMZvA6gtSawalLSeFp5AB6fUACxUcBN0WVhTRuYprF2JgN/7RJgXgboeQKeQ1Xo2XD8Kv9tCW+jZsWaCiDFKnaA8fk7YV27ItNCWqge4HpmrgdRPYB6AsIOTvU+CJ1g6iRwp0nUSWR2DmyvWDd58dWbHZwn8K4EEEUtkF3wwCEm7a6nSkwiDtWY4BpiriGghoEagGrAqGHifiL0MaNfA/oY3M/M/RpCfQTO7kZl56TUlVlFYQd+GgEk8C0gAhxIAQFE+kMUOIACAoi0hygggEgPiALWFJAVxJpuYhUQBQSQgBRa0rSmgABiTTexCogCAkhACi1pWlNAALGmm1gFRAEBJCCFljStKSCAWNNNrAKigAASkEJLmtYUEECs6SZWAVFAAAlIoSVNawoIINZ0E6uAKCCABKTQkqY1BQQQa7qJVUAUEEACUmhJ05oCAog13cQqIAoIIAEptKRpTQEBxJpuYhUQBQSQgBRa0rSmgABiTTexCogCAkhACi1pWlNAALGmm1gFRAEBJCCFljStKfD/nS7vI51w7UwAAAAASUVORK5CYII=);
  593. }
  594. #${ID.infoButton}:hover {
  595.     bottom: 50px;
  596.     left: 1px;
  597.     width: 29px;
  598.     height: 29px;
  599. }
  600. .tabs {
  601.     display: flex;
  602.     width: 501px;
  603.     height: 28px;
  604. }
  605. .tabs>.tab {
  606.     flex: 1;
  607.     display: flex;
  608.     border: 1px solid rgb(65,146,247);
  609. }
  610. .tab>.tab-input {
  611.     width: 0 !important;
  612.     height: 0 !important;
  613.     margin: 0 !important;
  614.     display: none !important;
  615. }
  616. .tab>.tab-box {
  617.     padding: 4px 0px 0.5px 0px;
  618.     width: 100%;
  619.     height: 22px;
  620.     text-align: center;
  621.     transition: 0.3s;
  622.     background: rgba(255, 255, 255, 1);
  623.     font-size: 12px;
  624.     font-weight: normal !important;
  625.     display: table !important;
  626. }
  627. .tab>.tab-box:hover {
  628.     opacity: .8;
  629.     cursor: pointer;
  630. }
  631. .tab>.tab-input:checked+.tab-box {
  632.     color: rgba(255, 255, 255, 1);
  633.     background: rgba(0, 255, 0, .7);
  634. }
  635. #${ID.customPlayerButton}:hover:after,
  636. #${ID.settingDiv} .${CLASS.titleTd}:hover:after,
  637. .${CLASS.footerA}:hover:after {
  638.     position: absolute;
  639.     font-size: 12px;
  640.     left: 0px;
  641.     top: -3px;
  642.     padding: 5px 5px 5px 5px !important;
  643.     background-color: rgba(0, 0, 0, 0.6);
  644.     color: rgba(255, 255, 255, 1);
  645.     content: attr(data-tip);
  646.     text-align: center;
  647.     z-index: 999999;
  648.     width: auto !important;
  649.     height: auto !important;
  650.     white-space: nowrap;
  651. }
  652. #${ID.customPlayerButton}:hover:after {
  653.     left: -10px !important;
  654.     top: -28px !important;
  655. }
  656. .${CLASS.footerA} {
  657.     position: relative;
  658. }
  659. .${CLASS.footerA}:hover:after {
  660.     left: 0px !important;
  661.     top: -27px !important;
  662. }
  663. #${ID.customPlayerButton} {
  664.     position: absolute;
  665.     right: 122px;
  666.     top: 76px;
  667.     width: 22px;
  668.     height: 22px;
  669.     border: none;
  670.     cursor: pointer;
  671.     background-image: ${ICON_BASE64.custom};
  672.     z-index: 999999;
  673. }
  674. `;
  675. const HTML = `
  676. <div id="${ID.loadingDiv}">
  677.     <div class="spinner"></div>
  678. </div>
  679. <div id="${ID.toastDiv}"></div>
  680.  
  681. <div id="${ID.buttonDiv}" class="${CLASS.button}">
  682.     <button id="${ID.infoButton}" class="${CLASS.button}"></button>
  683.     <button id="${ID.playButton}" class="${CLASS.button}"></button>
  684.     <button id="${ID.settingButton}" class="${CLASS.button}"></button>
  685. </div>
  686.  
  687. <div id="${ID.infoDiv}">
  688.     <span class="${CLASS.titleSpan}">Play-With-MPV<button class="${CLASS.closeButton}">X</button></span>
  689.     <table id="${ID.infoTable}">
  690.         <tr>
  691.             <td colspan="4" style="text-align: center; color: white; font-size: 16px;">本 页 视 频 信 息</td>
  692.         </tr>
  693.         <tr>
  694.             <td class="${CLASS.titleTd}">视频标题</td>
  695.             <td colspan="3">
  696.                 <input type="text" readonly class="${CLASS.infoInput}">
  697.             </td>
  698.         </tr>
  699.         <tr>
  700.             <td class="${CLASS.titleTd}">视频链接</td>
  701.             <td colspan="3">
  702.                 <input type="text" readonly class="${CLASS.infoInput}">
  703.             </td>
  704.         </tr>
  705.         <tr>
  706.             <td class="${CLASS.titleTd}">音频链接</td>
  707.             <td colspan="3">
  708.                 <input type="text" readonly class="${CLASS.infoInput}">
  709.             </td>
  710.         </tr>
  711.         <tr>
  712.             <td class="${CLASS.titleTd}">字幕链接</td>
  713.             <td colspan="3">
  714.                 <input type="text" readonly class="${CLASS.infoInput}">
  715.             </td>
  716.         </tr>
  717.         <tr>
  718.             <td class="${CLASS.titleTd}">referer</td>
  719.             <td colspan="3">
  720.                 <input type="text" readonly class="${CLASS.infoInput}">
  721.             </td>
  722.         </tr>
  723.         <tr>
  724.             <td class="${CLASS.titleTd}">origin</td>
  725.             <td colspan="3">
  726.                 <input type="text" readonly class="${CLASS.infoInput}">
  727.             </td>
  728.         </tr>
  729.         <tr><td></td></tr>
  730.         <tr>
  731.             <td style="text-align: right;">
  732.                 <a href="https://greasyfork.org/zh-CN/scripts/444056-play-with-mpv" target="_blank">🆕 升级 🆕</a>
  733.             </td>
  734.             <td style="text-align: right;">
  735.                 <a href="https://www.lckp.top/play-with-mpv/index.html" target="_blank">🧭 网站导航 🧭</a>
  736.             </td>
  737.             <td style="text-align: right;">
  738.                 <a href="https://github.com/LuckyPuppy514/Play-With-MPV" target="_blank">🌟 项目源码 🌟</a>
  739.             </td>
  740.             <td style="text-align: right;">
  741.                 <a href="https://github.com/LuckyPuppy514/Play-With-MPV/issues/new" target="_blank">👻 反馈 👻</a>
  742.             </td>
  743.         </tr>
  744.     </table>
  745.     <span class="${CLASS.footerSpan}">
  746.         <a href="https://greasyfork.org/zh-CN/scripts/444056-play-with-mpv" target="_blank" class="${CLASS.footerA}" data-tip="版本升级"> 🆕 </a>
  747.         <a href="https://github.com/LuckyPuppy514/Play-With-MPV" target="_blank" class="${CLASS.footerA}" data-tip="项目源码"> © 2023 LuckyPuppy514 </a>
  748.         <a href="https://github.com/LuckyPuppy514/Play-With-MPV/issues/new" target="_blank" class="${CLASS.footerA}" data-tip="问题反馈"> 👻 </a>
  749.     </span>
  750. </div>
  751.  
  752. <div id="${ID.settingDiv}">
  753.     <span class="${CLASS.titleSpan}">Play-With-MPV<button class="${CLASS.closeButton}">X</button></span>
  754.     <button id="${ID.customPlayerButton}" class="${CLASS.button}" data-tip="设置自定义播放器"></button>
  755.     <table id="${ID.settingTable}">
  756.         <tr>
  757.             <td class="${CLASS.titleTd}" data-tip="选择 mpv 以外播放器时，部分功能无效">播放软件</td>
  758.             <td colspan="3">
  759.                 <div class="tabs">
  760.                     <label class="tab">
  761.                         <input type="radio" name="${ID.playerRadio}" value="${PLAYER.mpv.name}" class="tab-input">
  762.                         <div class="tab-box">mpv</div>
  763.                     </label>
  764.                     <label class="tab">
  765.                         <input type="radio" name="${ID.playerRadio}" value="${PLAYER.potplayer.name}" class="tab-input">
  766.                         <div class="tab-box">potplayer</div>
  767.                     </label>
  768.                     <label class="tab">
  769.                         <input type="radio" name="${ID.playerRadio}" value="${PLAYER.custom.name}" class="tab-input">
  770.                         <div class="tab-box">自定义</div>
  771.                     </label>
  772.                 </div>
  773.             </td>
  774.         </tr>
  775.         <tr>
  776.             <td class="${CLASS.titleTd}" data-tip="mpv.exe 或 PotPlayerMini64.exe 的完整路径">软件路径</td>
  777.             <td colspan="3">
  778.                 <div>
  779.                     <input id="${ID.softwarePathInput}" type=text placeholder="请输入软件路径，例如：D://mpvnet//mpvnet.exe">
  780.                 </div>
  781.             </td>
  782.         </tr>
  783.         <tr>
  784.             <td class="${CLASS.titleTd}" data-tip="仅适用于油管，巴哈姆特和H站">代理设置</td>
  785.             <td colspan="3">
  786.                 <div>
  787.                     <input id="${ID.proxyInput}" type=text placeholder="请输入代理地址，例如：http://127.0.0.1:10809">
  788.                 </div>
  789.             </td>
  790.         </tr>
  791.         <tr>
  792.             <td class="${CLASS.titleTd}" data-tip="仅适用于油管和B站">最高画质</td>
  793.             <td colspan="3">
  794.                 <div class="tabs">
  795.                     <label class="tab">
  796.                         <input type="radio" name="${ID.bestQualityRadio}" value="unlimited" class="tab-input">
  797.                         <div class="tab-box" name="${ID.bestQualityRadio}">无限制</div>
  798.                     </label>
  799.                     <label class="tab">
  800.                         <input type="radio" name="${ID.bestQualityRadio}" value="2160p" class="tab-input">
  801.                         <div class="tab-box" name="${ID.bestQualityRadio}">2160p</div>
  802.                     </label>
  803.                     <label class="tab">
  804.                         <input type="radio" name="${ID.bestQualityRadio}" value="1440p" class="tab-input">
  805.                         <div class="tab-box" name="${ID.bestQualityRadio}">1440p</div>
  806.                     </label>
  807.                     <label class="tab">
  808.                         <input type="radio" name="${ID.bestQualityRadio}" value="1080p" class="tab-input">
  809.                         <div class="tab-box" name="${ID.bestQualityRadio}">1080p</div>
  810.                     </label>
  811.                     <label class="tab">
  812.                         <input type="radio" name="${ID.bestQualityRadio}" value="720p" class="tab-input">
  813.                         <div class="tab-box" name="${ID.bestQualityRadio}">720p</div>
  814.                     </label>
  815.                 </div>
  816.             </td>
  817.         </tr>
  818.         <tr>
  819.             <td class="${CLASS.titleTd}" data-tip="仅适用于B站">视频编码</td>
  820.             <td colspan="3">
  821.                 <div class="tabs">
  822.                     <label class="tab">
  823.                         <input type="radio" name="${ID.bilibiliCodecsRadio}" value="12" class="tab-input">
  824.                         <div class="tab-box" name="${ID.bilibiliCodecsRadio}">HEVC</div>
  825.                     </label>
  826.                     <label class="tab">
  827.                         <input type="radio" name="${ID.bilibiliCodecsRadio}" value="13" class="tab-input">
  828.                         <div class="tab-box" name="${ID.bilibiliCodecsRadio}">AV1</div>
  829.                     </label>
  830.                     <label class="tab">
  831.                         <input type="radio" name="${ID.bilibiliCodecsRadio}" value="7" class="tab-input">
  832.                         <div class="tab-box" name="${ID.bilibiliCodecsRadio}">AVC</div>
  833.                     </label>
  834.                 </div>
  835.             </td>
  836.         </tr>
  837.         <tr>
  838.             <td class="${CLASS.titleTd}" data-tip="仅适用于B站">首选字幕</td>
  839.             <td colspan="3">
  840.                 <div class="tabs">
  841.                     <label class="tab">
  842.                         <input type="radio" name="${ID.subtitlePreferRadio}" value="zh-Hans" class="tab-input">
  843.                         <div class="tab-box" name="${ID.subtitlePreferRadio}">中文（简体）</div>
  844.                     </label>
  845.                     <label class="tab">
  846.                         <input type="radio" name="${ID.subtitlePreferRadio}" value="zh-Hant" class="tab-input">
  847.                         <div class="tab-box" name="${ID.subtitlePreferRadio}">中文（繁体）</div>
  848.                     </label>
  849.                     <label class="tab">
  850.                         <input type="radio" name="${ID.subtitlePreferRadio}" value="en-US" class="tab-input"=>
  851.                         <div class="tab-box" name="${ID.subtitlePreferRadio}">英语（美国）</div>
  852.                     </label>
  853.                 </div>
  854.             </td>
  855.         </tr>
  856.         <tr>
  857.             <td class="${CLASS.titleTd}" data-tip="解析成功自动播放">自动播放</td>
  858.             <td>
  859.                 <div>
  860.                     <label class="${CLASS.switchLabel}">
  861.                         <input type="checkbox" id="${ID.playAutoInput}">
  862.                         <span class="${CLASS.sliderSpan} ${CLASS.roundSpan}"></span>
  863.                     </label>
  864.                 </div>
  865.             </td>
  866.             <td class="${CLASS.titleTd}" data-tip="同步网页播放时间">同步时间</td>
  867.             <td>
  868.                 <div>
  869.                     <label class="${CLASS.switchLabel}">
  870.                         <input type="checkbox" id="${ID.syncStartTimeInput}">
  871.                         <span class="${CLASS.sliderSpan} ${CLASS.roundSpan}" id="${ID.syncStartTimeSpan}"></span>
  872.                     </label>
  873.                 </div>
  874.             </td>
  875.         </tr>
  876.         <tr>
  877.             <td colspan="4">
  878.                 <button id="${ID.saveButton}">保存设置</button>
  879.                 <button id="${ID.downloadButton}">下载注册表</button>
  880.             </td>
  881.         </tr>
  882.     </table>
  883.     <table id="${ID.customPlayerTable}">
  884.         <tr>
  885.             <td class="${CLASS.titleTd}" data-tip="必填（视频格式：yt-dlp / m3u8 / flv / m4s / mp4 / mkv ... 播放器不支持则无法播放对应格式视频）">视频参数</td>
  886.             <td colspan="3">
  887.                 <div>
  888.                     <input id="${ID.videoUrlParamInput}" type=text placeholder='请输入视频参数，例如：mpv://"$\{videoUrl\}"'>
  889.                 </div>
  890.             </td>
  891.         </tr>
  892.         <tr>
  893.             <td class="${CLASS.titleTd}" data-tip="选填（为空则不支持最高画质和视频编码）">音频参数</td>
  894.             <td colspan="3">
  895.                 <div>
  896.                     <input id="${ID.audioUrlParamInput}" type=text placeholder='请输入音频参数，例如：--audio-file="$\{audioUrl\}"'>
  897.                 </div>
  898.             </td>
  899.         </tr>
  900.         <tr>
  901.             <td class="${CLASS.titleTd}" data-tip="选填（为空则无法加载B站外挂字幕）">字幕参数</td>
  902.             <td colspan="3">
  903.                 <div>
  904.                     <input id="${ID.subtitleUrlParamInput}" type=text placeholder='请输入字幕参数，例如：--sub-file="$\{subtitleUrl\}"'>
  905.                 </div>
  906.             </td>
  907.         </tr>
  908.         <tr>
  909.             <td class="${CLASS.titleTd}" data-tip="选填（为空则无法传递标题）">标题参数</td>
  910.             <td colspan="3">
  911.                 <div>
  912.                     <input id="${ID.titleParamInput}" type=text placeholder='请输入标题参数，例如：--force-media-title="$\{title\}"'>
  913.                 </div>
  914.             </td>
  915.         </tr>
  916.         <tr>
  917.             <td class="${CLASS.titleTd}" data-tip="选填（为空则不支持同步时间）">时间参数</td>
  918.             <td colspan="3">
  919.                 <div>
  920.                     <input id="${ID.startTimeParamInput}" type=text placeholder='请输入时间参数，例如：--start=$\{startTime\}'>
  921.                 </div>
  922.             </td>
  923.         </tr>
  924.         <tr>
  925.             <td class="${CLASS.titleTd}" data-tip="选填（为空则不支持代理设置）">代理参数</td>
  926.             <td colspan="3">
  927.                 <div>
  928.                     <input id="${ID.proxyParamInput}" type=text placeholder='请输入代理参数，例如：--http-proxy=$\{proxy\} --ytdl-raw-options=proxy=[$\{proxy\}]'>
  929.                 </div>
  930.             </td>
  931.         </tr>
  932.         <tr>
  933.             <td class="${CLASS.titleTd}" data-tip="选填（为空则无法观看B站和橘子动漫）">referer</td>
  934.             <td colspan="3">
  935.                 <div>
  936.                     <input id="${ID.refererParamInput}" type=text placeholder='请输入 referer，例如：--http-header-fields="referer: $\{referer\}"'>
  937.                 </div>
  938.             </td>
  939.         </tr>
  940.         <tr>
  941.             <td class="${CLASS.titleTd}" data-tip="选填（为空则无法观看巴哈姆特）">origin</td>
  942.             <td colspan="3">
  943.                 <div>
  944.                     <input id="${ID.originParamInput}" type=text placeholder='请输入 origin，例如：--http-header-fields="origin: $\{origin\}" '>
  945.                 </div>
  946.             </td>
  947.         </tr>
  948.     </table>
  949.     <span class="${CLASS.footerSpan}">
  950.         <a href="https://greasyfork.org/zh-CN/scripts/444056-play-with-mpv" target="_blank" class="${CLASS.footerA}" data-tip="版本升级"> 🆕 </a>
  951.         <a href="https://github.com/LuckyPuppy514/Play-With-MPV" target="_blank" class="${CLASS.footerA}" data-tip="项目源码"> © 2023 LuckyPuppy514 </a>
  952.         <a href="https://github.com/LuckyPuppy514/Play-With-MPV/issues/new" target="_blank" class="${CLASS.footerA}" data-tip="问题反馈"> 👻 </a>
  953.     </span>
  954. </div>
  955. `;
  956. const REG =
  957.     `Windows Registry Editor Version 5.00
  958. [HKEY_LOCAL_MACHINE\\SOFTWARE\\Policies\\Google\\Chrome]
  959. "ExternalProtocolDialogShowAlwaysOpenCheckbox"=dword:00000001
  960.  
  961. [HKEY_LOCAL_MACHINE\\SOFTWARE\\Policies\\Microsoft\\Edge]
  962. "ExternalProtocolDialogShowAlwaysOpenCheckbox"=dword:00000001
  963.  
  964. [HKEY_CLASSES_ROOT\\\${PLAYER_NAME}]
  965. @="\${PLAYER_NAME} Protocol"
  966. "URL Protocol"=""
  967.  
  968. [HKEY_CLASSES_ROOT\\\${PLAYER_NAME}\\DefaultIcon]
  969. @=""
  970.  
  971. [HKEY_CLASSES_ROOT\\\${PLAYER_NAME}\\shell]
  972. @=""
  973.  
  974. [HKEY_CLASSES_ROOT\\\${PLAYER_NAME}\\shell\\open]
  975. @=""
  976.  
  977. [HKEY_CLASSES_ROOT\\\${PLAYER_NAME}\\shell\\open\\command]
  978. @="cmd /V:ON /C \\"FOR /F \\"tokens=* USEBACKQ\\" %%F IN (\`C:\\\\Windows\\\\System32\\\\WindowsPowerShell\\\\v1.0\\\\powershell.exe -command \\"Add-Type -AssemblyName System.Web;[System.Web.HTTPUtility]::UrlDecode('%1')\\"\`) DO (SET param=%%F) & SET param=!param:\${PLAYER_NAME}://=! & start /min \${SOFTWARE_PATH} !param!\\""
  979. `
  980. function appendCSS() {
  981.     let css = document.createElement("style");
  982.     css.innerHTML = CSS.trim();
  983.     document.head.appendChild(css);
  984. }
  985. function appendHTML() {
  986.     let div = document.createElement("div");
  987.     div.innerHTML = HTML.trim();
  988.     document.body.appendChild(div);
  989. }
  990. function loading(visiable) {
  991.     let loadingDiv = document.getElementById(ID.loadingDiv);
  992.     if (visiable) {
  993.         loadingDiv.style.display = "flex";
  994.         setTimeout(() => {
  995.             if (loadingDiv.style.display == "flex") {
  996.                 document.getElementById(ID.loadingDiv).style.display = "none";
  997.                 toast("超时辣 ...... 😓", TOAST_TYPE.error);
  998.             }
  999.         }, TIME.out);
  1000.     } else {
  1001.         loadingDiv.style.display = "none";
  1002.     }
  1003. }
  1004. function toast(message, type, duration) {
  1005.     type = type ? type : TOAST_TYPE.info;
  1006.     duration = isNaN(duration) ? TIME.toast : duration;
  1007.     let toastDiv = document.getElementById(ID.toastDiv);
  1008.     toastDiv.innerHTML = message;
  1009.     toastDiv.style.display = "block";
  1010.     if (type == TOAST_TYPE.info) {
  1011.         toastDiv.style.backgroundColor = "rgba(75, 180 ,54, 1)";
  1012.     } else if (type == TOAST_TYPE.warn) {
  1013.         toastDiv.style.backgroundColor = "rgba(190, 190, 70, 1)";
  1014.     } else if (type == TOAST_TYPE.error) {
  1015.         toastDiv.style.backgroundColor = "rgba(210, 51, 35, 1)";
  1016.     }
  1017.     setTimeout(() => {
  1018.         toastDiv.style.display = "none";
  1019.     }, duration);
  1020. }
  1021. function addListener() {
  1022.     let buttonDiv = document.getElementById(ID.buttonDiv);
  1023.     let playButton = document.getElementById(ID.playButton);
  1024.     let settingButton = document.getElementById(ID.settingButton);
  1025.     let settingDiv = document.getElementById(ID.settingDiv);
  1026.     let settingTable = document.getElementById(ID.settingTable);
  1027.     let softwarePathInput = document.getElementById(ID.softwarePathInput);
  1028.     let proxyInput = document.getElementById(ID.proxyInput);
  1029.     let playAutoInput = document.getElementById(ID.playAutoInput);
  1030.     let syncStartTimeInput = document.getElementById(ID.syncStartTimeInput);
  1031.     let syncStartTimeSpan = document.getElementById(ID.syncStartTimeSpan);
  1032.     let downloadButton = document.getElementById(ID.downloadButton);
  1033.     let saveButton = document.getElementById(ID.saveButton);
  1034.     let closeButtons = document.getElementsByClassName(CLASS.closeButton);
  1035.     let infoButton = document.getElementById(ID.infoButton);
  1036.     let infoDiv = document.getElementById(ID.infoDiv);
  1037.     let customPlayerTable = document.getElementById(ID.customPlayerTable);
  1038.     let customPlayerButton = document.getElementById(ID.customPlayerButton);
  1039.     let videoUrlParamInput = document.getElementById(ID.videoUrlParamInput);
  1040.     let audioUrlParamInput = document.getElementById(ID.audioUrlParamInput);
  1041.     let subtitleUrlParamInput = document.getElementById(ID.subtitleUrlParamInput);
  1042.     let titleParamInput = document.getElementById(ID.titleParamInput);
  1043.     let startTimeParamInput = document.getElementById(ID.startTimeParamInput);
  1044.     let proxyParamInput = document.getElementById(ID.proxyParamInput);
  1045.     let refererParamInput = document.getElementById(ID.refererParamInput);
  1046.     let originParamInput = document.getElementById(ID.originParamInput);
  1047.     let infoInputs = document.getElementsByClassName(CLASS.infoInput);
  1048.     switchStatus(downloadButton, false);
  1049.     // 播放按钮
  1050.     playButton.onclick = function () {
  1051.         if (currentConfig.player == PLAYER.mpv.name || currentConfig.player == PLAYER.potplayer.name) {
  1052.             let message = undefined;
  1053.             if (!currentConfig[currentConfig.player].path) {
  1054.                 message = "请先进行设置";
  1055.             } else if (!currentConfig[currentConfig.player].regVersion) {
  1056.                 message = "请先下载注册表";
  1057.             } else if (currentConfig[currentConfig.player].regVersion != DEFAULT_CONFIG[currentConfig.player].regVersion) {
  1058.                 message = "注册表有更新，请重新下载注册表";
  1059.             }
  1060.             if (message) {
  1061.                 toast(message, TOAST_TYPE.warn);
  1062.                 settingDiv.style.display = "none";
  1063.                 settingButton.click();
  1064.                 return;
  1065.             }
  1066.         }
  1067.         loading(true);
  1068.         try {
  1069.             playButtonClickLimit();
  1070.             handler.play();
  1071.             handler.pause();
  1072.         } catch (error) {
  1073.             toast("出错辣 ...... 😓", TOAST_TYPE.error);
  1074.             console.log(error);
  1075.         }
  1076.         loading(false);
  1077.     }
  1078.     // 设置按钮
  1079.     settingButton.onclick = function () {
  1080.         let display = settingDiv.style.display;
  1081.         if (display == "flex") {
  1082.             settingDiv.style.display = "none";
  1083.         } else {
  1084.             infoDiv.style.display = "none";
  1085.             settingDiv.style.display = "flex";
  1086.             // 加载配置
  1087.             softwarePathInput.value = currentConfig[currentConfig.player].path;
  1088.             proxyInput.value = currentConfig.proxy;
  1089.             $(`input:radio[name="${ID.bestQualityRadio}"][value="${currentConfig.bestQuality}"]`).prop('checked', true);
  1090.             $(`input:radio[name="${ID.bilibiliCodecsRadio}"][value="${currentConfig.bilibiliCodecs}"]`).prop('checked', true);
  1091.             $(`input:radio[name="${ID.playerRadio}"][value="${currentConfig.player}"]`).prop('checked', true);
  1092.             playAutoInput.checked = currentConfig.playAuto == 1 ? true : false;
  1093.             syncStartTimeInput.checked = currentConfig.syncStartTime == 1 ? true : false;
  1094.             $(`input:radio[name="${ID.subtitlePreferRadio}"][value="${currentConfig.subtitlePrefer}"]`).prop('checked', true);
  1095.             switchPlayer($(`input:radio[name="${ID.playerRadio}"]:checked`).val());
  1096.         }
  1097.     }
  1098.     // 播放器选择框
  1099.     $(`input:radio[name="${ID.playerRadio}"]`).change(function () {
  1100.         switchPlayer(this.value);
  1101.     });
  1102.     // 保存按钮
  1103.     saveButton.onclick = function () {
  1104.         let playerChecked = $(`input:radio[name="${ID.playerRadio}"]:checked`).val();
  1105.         if (playerChecked == PLAYER.mpv.name || playerChecked == PLAYER.potplayer.name) {
  1106.             let oldSoftwarePath = currentConfig[playerChecked].path;
  1107.             let newSoftwarePath = softwarePathInput.value;
  1108.             if (!newSoftwarePath) {
  1109.                 toast("软件路径不能为空", TOAST_TYPE.error);
  1110.                 return;
  1111.             }
  1112.             if (/.*[\u4e00-\u9fa5]+.*/g.test(newSoftwarePath)) {
  1113.                 toast("软件路径不能包含中文", TOAST_TYPE.error);
  1114.                 return;
  1115.             }
  1116.             newSoftwarePath = newSoftwarePath.replace(/[\\|/]+/g, "//");
  1117.             if (!newSoftwarePath.endsWith(".com") && !newSoftwarePath.endsWith(".exe")) {
  1118.                 if (!newSoftwarePath.endsWith("//")) {
  1119.                     newSoftwarePath = newSoftwarePath + "//";
  1120.                 }
  1121.                 if (playerChecked == PLAYER.mpv.name) {
  1122.                     if (newSoftwarePath.toLowerCase().indexOf("mpvnet") != -1 || newSoftwarePath.toLowerCase().indexOf("mpv.net") != -1) {
  1123.                         newSoftwarePath = newSoftwarePath + "mpvnet.exe";
  1124.                     } else {
  1125.                         newSoftwarePath = newSoftwarePath + "mpv.exe";
  1126.                     }
  1127.                 } else if (playerChecked == PLAYER.potplayer.name) {
  1128.                     newSoftwarePath = newSoftwarePath + "PotPlayerMini64.exe";
  1129.                 }
  1130.             }
  1131.             softwarePathInput.value = newSoftwarePath;
  1132.             currentConfig[playerChecked].path = newSoftwarePath;
  1133.             switchStatus(downloadButton, softwarePathInput.value ? true : false);
  1134.             if (oldSoftwarePath != newSoftwarePath) {
  1135.                 currentConfig[playerChecked].regVersion = "00000000";
  1136.             }
  1137.         }
  1138.         currentConfig.proxy = proxyInput.value;
  1139.         currentConfig.bestQuality = $(`input:radio[name="${ID.bestQualityRadio}"]:checked`).val();
  1140.         currentConfig.bilibiliCodecs = $(`input:radio[name="${ID.bilibiliCodecsRadio}"]:checked`).val();
  1141.         currentConfig.player = playerChecked;
  1142.         currentConfig.subtitlePrefer = $(`input:radio[name="${ID.subtitlePreferRadio}"]:checked`).val();
  1143.         currentConfig.playAuto = playAutoInput.checked ? 1 : 0;
  1144.         currentConfig.syncStartTime = syncStartTimeInput.checked ? 1 : 0;
  1145.         GM_setValue(KEY.config, currentConfig);
  1146.         toast("保存成功");
  1147.         if (currentConfig.playAuto == 1) {
  1148.             playButtonClickLimit();
  1149.         }
  1150.         if (document.getElementById("iptv") && localStorage.category == "iptv") {
  1151.             localStorage.player = JSON.stringify(PLAYER[currentConfig.player]);
  1152.             document.getElementById("iptv").click();
  1153.         }
  1154.         init();
  1155.     }
  1156.     // 下载按钮
  1157.     downloadButton.onclick = function () {
  1158.         let playerChecked = $(`input:radio[name="${ID.playerRadio}"]:checked`).val();
  1159.         currentConfig[playerChecked].regVersion = DEFAULT_CONFIG[playerChecked].regVersion;
  1160.         GM_setValue(KEY.config, currentConfig);
  1161.         let reg = REG.replace("${SOFTWARE_PATH}", currentConfig[playerChecked].path.replaceAll(/(\s+)/g, '\\"$1\\"'));
  1162.         reg = reg.replaceAll("${PLAYER_NAME}", playerChecked);
  1163.         let a = document.createElement('a');
  1164.         let blob = new Blob([reg], { 'type': 'application/octet-stream' });
  1165.         a.href = window.URL.createObjectURL(blob);
  1166.         a.download = `${playerChecked}.reg`;
  1167.         a.click();
  1168.     }
  1169.     // 关闭按钮
  1170.     for (let closeButton of closeButtons) {
  1171.         closeButton.onclick = function () {
  1172.             settingDiv.style.display = "none";
  1173.             infoDiv.style.display = "none";
  1174.         }
  1175.     }
  1176.     // 信息按钮
  1177.     infoButton.onclick = function () {
  1178.         let display = infoDiv.style.display;
  1179.         if (display == "flex") {
  1180.             infoDiv.style.display = "none";
  1181.         } else {
  1182.             settingDiv.style.display = "none";
  1183.             infoDiv.style.display = "flex";
  1184.             let title = handler.media.title;
  1185.             infoInputs[0].value = title ? title : document.title;
  1186.             infoInputs[1].value = handler.media.videoUrl;
  1187.             infoInputs[2].value = handler.media.audioUrl;
  1188.             infoInputs[3].value = handler.media.subtitleUrl;
  1189.             infoInputs[4].value = handler.media.referer;
  1190.             infoInputs[5].value = handler.media.origin;
  1191.             for (const infoInput of infoInputs) {
  1192.                 if (infoInput.value) {
  1193.                     infoInput.style.cursor = "pointer";
  1194.                     infoInput.onclick = function () {
  1195.                         this.select();
  1196.                         navigator.clipboard.writeText(this.value);
  1197.                         toast("已复制到剪贴板");
  1198.                     }
  1199.                 }
  1200.             }
  1201.         }
  1202.     }
  1203.     let bestQualityRadios = document.getElementsByName(ID.bestQualityRadio);
  1204.     let bilibiliCodecsRadios = document.getElementsByName(ID.bilibiliCodecsRadio);
  1205.     let subtitlePreferRadios = document.getElementsByName(ID.subtitlePreferRadio);
  1206.     // 切换播放器
  1207.     function switchPlayer(player) {
  1208.         player = PLAYER[player];
  1209.         // mpv 和 potplayer 专属
  1210.         if (player.name == PLAYER.mpv.name || player.name == PLAYER.potplayer.name) {
  1211.             switchStatus(softwarePathInput, true);
  1212.             softwarePathInput.value = currentConfig[player.name].path;
  1213.             if (softwarePathInput.value) {
  1214.                 switchStatus(downloadButton, true);
  1215.             } else {
  1216.                 switchStatus(downloadButton, false);
  1217.             }
  1218.         } else {
  1219.             switchStatus(softwarePathInput, false);
  1220.             switchStatus(downloadButton, false);
  1221.         }
  1222.         // 代理
  1223.         let flag = player.params.proxy ? true : false;
  1224.         switchStatus(proxyInput, flag);
  1225.         // 音频
  1226.         flag = player.params.audioUrl ? true : false;
  1227.         for (const radio of bestQualityRadios) {
  1228.             switchStatus(radio, flag);
  1229.         }
  1230.         for (const radio of bilibiliCodecsRadios) {
  1231.             switchStatus(radio, flag);
  1232.         }
  1233.         // 字幕
  1234.         flag = player.params.subtitleUrl ? true : false;
  1235.         for (const radio of subtitlePreferRadios) {
  1236.             switchStatus(radio, flag);
  1237.         }
  1238.         // 时间
  1239.         flag = player.params.startTime ? true : false;
  1240.         switchStatus(syncStartTimeSpan, flag);
  1241.         switchStatus(syncStartTimeInput, flag);
  1242.     }
  1243.     // 全屏
  1244.     document.addEventListener("fullscreenchange", () => {
  1245.         if (document.fullscreenElement) {
  1246.             page.isFullScreen = true;
  1247.             buttonDiv.style.display = "none";
  1248.         } else {
  1249.             page.isFullScreen = false;
  1250.             if (handler.media.videoUrl) {
  1251.                 buttonDiv.style.display = "flex";
  1252.             }
  1253.         }
  1254.     });
  1255.     // 限制播放按钮点击频率
  1256.     function playButtonClickLimit() {
  1257.         playButton.disabled = true;
  1258.         setTimeout(() => {
  1259.             playButton.disabled = false;
  1260.         }, TIME.pauseInterval);
  1261.     }
  1262.     // 自定义播放器按钮
  1263.     customPlayerButton.onclick = function () {
  1264.         if (customPlayerTable.style.display == "flex") {
  1265.             if (!videoUrlParamInput.value) {
  1266.                 toast("视频参数不能为空", TOAST_TYPE.error);
  1267.                 return;
  1268.             }
  1269.             currentConfig.customPlayer.params.videoUrl = videoUrlParamInput.value;
  1270.             currentConfig.customPlayer.params.audioUrl = audioUrlParamInput.value;
  1271.             currentConfig.customPlayer.params.subtitleUrl = subtitleUrlParamInput.value;
  1272.             currentConfig.customPlayer.params.title = titleParamInput.value;
  1273.             currentConfig.customPlayer.params.startTime = startTimeParamInput.value;
  1274.             currentConfig.customPlayer.params.proxy = proxyParamInput.value;
  1275.             currentConfig.customPlayer.params.referer = refererParamInput.value;
  1276.             currentConfig.customPlayer.params.origin = originParamInput.value;
  1277.             PLAYER.custom = currentConfig.customPlayer;
  1278.             GM_setValue(KEY.config, currentConfig);
  1279.             switchPlayer($(`input:radio[name="${ID.playerRadio}"]:checked`).val());
  1280.             settingTable.style.display = "flex";
  1281.             customPlayerTable.style.display = "none";
  1282.             customPlayerButton.style.backgroundImage = ICON_BASE64.custom;
  1283.             customPlayerButton.dataset.tip = "设置自定义播放器";
  1284.         } else {
  1285.             videoUrlParamInput.value = currentConfig.customPlayer.params.videoUrl;
  1286.             audioUrlParamInput.value = currentConfig.customPlayer.params.audioUrl;
  1287.             subtitleUrlParamInput.value = currentConfig.customPlayer.params.subtitleUrl;
  1288.             titleParamInput.value = currentConfig.customPlayer.params.title;
  1289.             startTimeParamInput.value = currentConfig.customPlayer.params.startTime;
  1290.             proxyParamInput.value = currentConfig.customPlayer.params.proxy;
  1291.             refererParamInput.value = currentConfig.customPlayer.params.referer;
  1292.             originParamInput.value = currentConfig.customPlayer.params.origin;
  1293.             settingTable.style.display = "none";
  1294.             customPlayerTable.style.display = "flex";
  1295.             customPlayerButton.style.backgroundImage = ICON_BASE64.back;
  1296.             customPlayerButton.dataset.tip = "保存并返回";
  1297.         }
  1298.     }
  1299. }
  1300. // 切换元素状态
  1301. function switchStatus(element, flag) {
  1302.     if (flag) {
  1303.         element.readOnly = false;
  1304.         element.disabled = false;
  1305.         element.classList.remove(CLASS.readOnly);
  1306.     } else {
  1307.         element.readOnly = true;
  1308.         element.disabled = true;
  1309.         element.classList.add(CLASS.readOnly);
  1310.     }
  1311. }
  1312. function sleep(ms) {
  1313.     return new Promise(resolve => setTimeout(resolve, ms));
  1314. }
  1315. // 加载配置
  1316. function loadConfig() {
  1317.     let oldConifg = GM_getValue(KEY.config);
  1318.     currentConfig = JSON.parse(JSON.stringify(DEFAULT_CONFIG));
  1319.     currentConfig.mpv.regVersion = "";
  1320.     currentConfig.potplayer.regVersion = "";
  1321.     if (!oldConifg) {
  1322.         GM_setValue(KEY.config, currentConfig);
  1323.     } else {
  1324.         if (oldConifg.version != DEFAULT_CONFIG.version) {
  1325.             for (const key in oldConifg) {
  1326.                 currentConfig[key] = oldConifg[key];
  1327.             }
  1328.             if (!currentConfig.mpv.path && currentConfig.mpvPath) {
  1329.                 currentConfig.mpv.path = currentConfig.mpvPath;
  1330.                 delete currentConfig['mpvPath'];
  1331.             }
  1332.             currentConfig.version = DEFAULT_CONFIG.version;
  1333.             GM_setValue(KEY.config, currentConfig);
  1334.         } else {
  1335.             currentConfig = oldConifg;
  1336.             GM_setValue(KEY.config, currentConfig);
  1337.         }
  1338.     }
  1339.     PLAYER.custom = currentConfig.customPlayer;
  1340. }
  1341. class Media {
  1342.     constructor() {
  1343.         this.title = "";
  1344.         this.videoUrl = "";
  1345.         this.audioUrl = "";
  1346.         this.subtitleUrl = "";
  1347.         this.startTime = "";
  1348.         this.referer = "";
  1349.         this.origin = "";
  1350.         this.proxy = "";
  1351.         this.other = "";
  1352.     }
  1353.     setTitle(title) {
  1354.         this.title = title;
  1355.     }
  1356.     setVideoUrl(videoUrl) {
  1357.         if (this.check(videoUrl)) {
  1358.             this.videoUrl = videoUrl;
  1359.             if (!this.title) {
  1360.                 this.setTitle(document.title);
  1361.             }
  1362.             let nxParserIframe = document.getElementById(ID.nxParserIframe);
  1363.             if (nxParserIframe) {
  1364.                 document.body.removeChild(nxParserIframe);
  1365.             }
  1366.             if (document.getElementById(ID.buttonDiv)) {
  1367.                 document.getElementById(ID.buttonDiv).style.display = "flex";
  1368.                 if (currentConfig.playAuto == 1) {
  1369.                     document.getElementById(ID.playButton).click();
  1370.                 }
  1371.             }
  1372.         }
  1373.     }
  1374.     setAudioUrl(audioUrl) {
  1375.         this.audioUrl = audioUrl;
  1376.     }
  1377.     setSubtitleUrl(subtitleUrl) {
  1378.         this.subtitleUrl = subtitleUrl;
  1379.     }
  1380.     setStartTime(startTime) {
  1381.         this.startTime = Math.floor(startTime);
  1382.     }
  1383.     setReferer(referer) {
  1384.         this.referer = referer;
  1385.     }
  1386.     setOrigin(origin) {
  1387.         this.origin = origin;
  1388.     }
  1389.     setProxy(proxy) {
  1390.         this.proxy = proxy;
  1391.     }
  1392.     setOther(other) {
  1393.         this.other = other;
  1394.     }
  1395.     // 检查视频链接是否有效
  1396.     check(videoUrl) {
  1397.         if (videoUrl && videoUrl.startsWith("http")) {
  1398.             if (videoUrl.match(/(\.m3u|\.m3u8)/g) && videoUrl != localStorage.iptvUrl) {
  1399.                 let m3u8 = "";
  1400.                 $.ajax({
  1401.                     type: "GET",
  1402.                     url: videoUrl,
  1403.                     async: false,
  1404.                     success: function (res) {
  1405.                         m3u8 = res;
  1406.                     }
  1407.                 });
  1408.                 if (m3u8 && m3u8.indexOf("png") != -1) {
  1409.                     console.log("m3u8 链接无法播放：" + videoUrl);
  1410.                     return false;
  1411.                 }
  1412.             }
  1413.             if (videoUrl.startsWith("https://www.mp4")) {
  1414.                 return false;
  1415.             }
  1416.             return true;
  1417.         }
  1418.         console.log(`链接无效：${videoUrl}`);
  1419.         return false;
  1420.     }
  1421. }
  1422. class BaseHandler {
  1423.     constructor() {
  1424.         loadConfig();
  1425.         this.media = new Media();
  1426.         for (const key in PLAYER) {
  1427.             if (PLAYER[key].name == currentConfig.player) {
  1428.                 this.player = PLAYER[key];
  1429.                 break;
  1430.             }
  1431.         }
  1432.         if (window.self == window.top) {
  1433.             if (!document.getElementById(ID.buttonDiv)) {
  1434.                 console.log(INFO);
  1435.                 appendCSS();
  1436.                 appendHTML();
  1437.                 addListener();
  1438.             }
  1439.             document.getElementById(ID.buttonDiv).style.display = "none";
  1440.         }
  1441.     }
  1442.     initCheck() {
  1443.         return window.location.href != page.url;
  1444.     }
  1445.     async parse() { }
  1446.     pause() {
  1447.         let videos = document.getElementsByTagName("video");
  1448.         if (videos && videos.length > 0) {
  1449.             let i = 0;
  1450.             while (i < TRY_TIME.maxPause) {
  1451.                 setTimeout(function () {
  1452.                     for (let video of videos) {
  1453.                         video.pause();
  1454.                     }
  1455.                 }, TIME.pauseInterval * i);
  1456.                 i++;
  1457.             }
  1458.         } else if (this.iframe) {
  1459.             this.iframe.postMessage({ method: METHOD.pause }, "*");
  1460.         }
  1461.     }
  1462.     play() {
  1463.         let link = "";
  1464.         for (let key in this.player.params) {
  1465.             if (key == "title") {
  1466.                 continue;
  1467.             }
  1468.             if (key == "startTime") {
  1469.                 if (currentConfig.syncStartTime != 1) {
  1470.                     continue;
  1471.                 } else {
  1472.                     let video = document.getElementsByTagName("video")[0];
  1473.                     if (video) {
  1474.                         this.media.setStartTime(video.currentTime);
  1475.                     }
  1476.                 }
  1477.             }
  1478.             let value = this.media[key];
  1479.             if (value) {
  1480.                 let param = this.player.params[key];
  1481.                 let matchKey = '${' + key + '}';
  1482.                 while (param.indexOf(matchKey) != -1) {
  1483.                     param = param.replace(matchKey, value);
  1484.                 }
  1485.                 matchKey = '${E' + key + '}';
  1486.                 while (param.indexOf(matchKey) != -1) {
  1487.                     param = param.replace(matchKey, encodeURIComponent(value));
  1488.                 }
  1489.                 matchKey = '${D' + key + '}';
  1490.                 while (param.indexOf(matchKey) != -1) {
  1491.                     param = param.replace(matchKey, decodeURIComponent(value));
  1492.                 }
  1493.                 link = link + " " + param;
  1494.             }
  1495.         }
  1496.         if (this.media.title) {
  1497.             let maxLength = 1950 - link.length;
  1498.             let title = encodeURIComponent(this.media.title);
  1499.             if (title.length > maxLength) {
  1500.                 title = title.substring(0, maxLength) + '...';
  1501.             }
  1502.             let param = this.player.params.title;
  1503.             param = param.replace('${title}', title);
  1504.             link = link + " " + param;
  1505.         }
  1506.         window.open(link, "_self");
  1507.     }
  1508.     // 监听子页面事件
  1509.     addIframeListener() {
  1510.         let that = this;
  1511.         window.addEventListener("message", function (event) {
  1512.             that.iframe = event.source;
  1513.             if (event.data.method == METHOD.pause) {
  1514.                 that.pause();
  1515.             } else if (event.data.method == METHOD.report) {
  1516.                 that.media.setStartTime(event.data.media.startTime);
  1517.                 if (!that.media.videoUrl) {
  1518.                     that.media.setVideoUrl(event.data.media.videoUrl);
  1519.                 }
  1520.             }
  1521.         }, false);
  1522.     }
  1523.     // 监听顶层页面事件
  1524.     addTopListener() {
  1525.         let that = this;
  1526.         window.addEventListener("message", function (event) {
  1527.             if (event.data.method == METHOD.pause) {
  1528.                 that.pause();
  1529.             }
  1530.         }, false);
  1531.         // 定时上报当前视频信息
  1532.         setInterval(() => {
  1533.             let video = document.getElementsByTagName("video")[0];
  1534.             if (video) {
  1535.                 this.media.setStartTime(video.currentTime);
  1536.             }
  1537.             window.top.postMessage({ method: METHOD.report, media: that.media }, "*");
  1538.         }, TIME.reportInterval);
  1539.     }
  1540.     // yt-dlp 支持网站解析器
  1541.     ytDlpParser() {
  1542.         return page.url;
  1543.     }
  1544.     // video 元素解析器
  1545.     videoParser() {
  1546.         let videos = document.getElementsByTagName("video");
  1547.         for (let video of videos) {
  1548.             let url = video.src;
  1549.             if (url && url.startsWith("http")) {
  1550.                 return url;
  1551.             }
  1552.         }
  1553.     }
  1554.     // iframe 元素解析器
  1555.     iframeParser() {
  1556.         let iframes = document.getElementsByTagName("iframe");
  1557.         for (let iframe of iframes) {
  1558.             let urls = iframe.src.match(VIDEO_URL_REGEX);
  1559.             if (urls && urls.length > 0) {
  1560.                 return urls[0];
  1561.             }
  1562.         }
  1563.     }
  1564.     // html 解析器
  1565.     htmlParser() {
  1566.         let urls = document.body.innerHTML.match(VIDEO_URL_REGEX);
  1567.         if (urls && urls.length > 0) {
  1568.             return urls[0];
  1569.         }
  1570.     }
  1571.     // script 解析器
  1572.     scriptParser() {
  1573.         for (let script of document.scripts) {
  1574.             let urls = script.innerHTML.match(VIDEO_URL_REGEX);
  1575.             if (urls && urls.length > 0) {
  1576.                 return urls[0];
  1577.             }
  1578.         }
  1579.     }
  1580.     // url 解析器
  1581.     urlParser() {
  1582.         let urls = page.url.match(VIDEO_URL_REGEX);
  1583.         if (urls && urls.length > 0) {
  1584.             return urls[0];
  1585.         }
  1586.     }
  1587.     // 诺讯解析
  1588.     nxParser() {
  1589.         handler.addIframeListener();
  1590.         let nxParserIframe = document.getElementById(ID.nxParserIframe);
  1591.         if (!nxParserIframe) {
  1592.             nxParserIframe = document.createElement("iframe");
  1593.             nxParserIframe.id = ID.nxParserIframe;
  1594.             nxParserIframe.src = `https://yun.nxflv.com/?url=${page.url}`;
  1595.             document.body.appendChild(nxParserIframe);
  1596.         }
  1597.     }
  1598. }
  1599. // 获取B站视频播放链接
  1600. function getBilibiliPlayUrl(avid, cid) {
  1601.     let fnval = 128;
  1602.     if (handler.player.params.audioUrl) {
  1603.         fnval = 4048;
  1604.     }
  1605.     if (handler.player.name == PLAYER.mpv.name) {
  1606.         handler.media.setOther(`--script-opts="cid=${cid}"`);
  1607.     }
  1608.     // 字幕
  1609.     $.ajax({
  1610.         type: "GET",
  1611.         url: `https://api.bilibili.com/x/player/v2?aid=${avid}&cid=${cid}`,
  1612.         xhrFields: {
  1613.             withCredentials: true
  1614.         },
  1615.         async: false,
  1616.         success: function (res) {
  1617.             if (res.code == 0 && res.data.subtitle && res.data.subtitle.subtitles.length > 0) {
  1618.                 let subtitles = res.data.subtitle.subtitles;
  1619.                 let url = "https:" + subtitles[0].subtitle_url;
  1620.                 let lan = subtitles[0].lan;
  1621.                 for (const subtitle of subtitles) {
  1622.                     if (currentConfig.subtitlePrefer.startsWith("zh") && subtitle.lan.startsWith("zh")) {
  1623.                         url = "https:" + subtitle.subtitle_url;
  1624.                         lan = subtitle.lan;
  1625.                     }
  1626.                     if (subtitle.lan == currentConfig.subtitlePrefer) {
  1627.                         url = "https:" + subtitle.subtitle_url;
  1628.                         lan = subtitle.lan;
  1629.                         break;
  1630.                     }
  1631.                 }
  1632.                 handler.media.setSubtitleUrl(`https://www.lckp.top/common/bilibili/jsonToSrt/?url=${url}&lan=${lan}`);
  1633.             }
  1634.         }
  1635.     });
  1636.     // 视频 + 音频
  1637.     $.ajax({
  1638.         type: "GET",
  1639.         url: `https://api.bilibili.com/x/player/playurl?qn=120&otype=json&fourk=1&fnver=0&fnval=${fnval}&avid=${avid}&cid=${cid}`,
  1640.         xhrFields: {
  1641.             withCredentials: true
  1642.         },
  1643.         async: false,
  1644.         success: function (res) {
  1645.             if (handler.player.params.audioUrl) {
  1646.                 let videoUrl = undefined;
  1647.                 let audioUrl = undefined;
  1648.                 if (!res.data) {
  1649.                     toast("Play-With-MPV 获取视频失败，如未登录请先登录", TOAST_TYPE.error);
  1650.                     tryTime = TRY_TIME.maxParse;
  1651.                     return;
  1652.                 }
  1653.                 let dash = res.data.dash;
  1654.                 let hiRes = dash.flac;
  1655.                 let dolby = dash.dolby;
  1656.                 if (hiRes && hiRes.audio) {
  1657.                     audioUrl = hiRes.audio.baseUrl;
  1658.                 } else if (dolby && dolby.audio) {
  1659.                     audioUrl = dolby.audio[0].base_url;
  1660.                 } else {
  1661.                     audioUrl = dash.audio[0].baseUrl;
  1662.                 }
  1663.                 let i = 0;
  1664.                 while (i < dash.video.length && dash.video[i].id > BEST_QUALITY.bilibili[currentConfig.bestQuality]) {
  1665.                     i++;
  1666.                 }
  1667.                 videoUrl = dash.video[i].baseUrl;
  1668.                 let id = dash.video[i].id;
  1669.                 while (i < dash.video.length) {
  1670.                     if (dash.video[i].id != id) {
  1671.                         break;
  1672.                     }
  1673.                     if (dash.video[i].codecid == currentConfig.bilibiliCodecs) {
  1674.                         videoUrl = dash.video[i].baseUrl;
  1675.                         break;
  1676.                     }
  1677.                     i++;
  1678.                 }
  1679.                 handler.media.setAudioUrl(audioUrl);
  1680.                 handler.media.setVideoUrl(videoUrl);
  1681.             } else {
  1682.                 handler.media.setVideoUrl(res.data.durl[0].url);
  1683.             }
  1684.         }
  1685.     });
  1686. }
  1687. const BEST_QUALITY = {
  1688.     bilibili: {
  1689.         "unlimited": 127,
  1690.         "2160p": 126,
  1691.         "1440p": 116,
  1692.         "1080p": 116,
  1693.         "720p": 74,
  1694.         "480p": 32
  1695.     },
  1696.     bilibiliLive: {
  1697.         "unlimited": 4,
  1698.         "2160p": 4,
  1699.         "1440p": 4,
  1700.         "1080p": 4,
  1701.         "720p": 3,
  1702.         "480p": 2
  1703.     },
  1704.     youtube: {
  1705.         "unlimited": "",
  1706.         "2160p": "--ytdl-format=bestvideo[height<=?2160]%2Bbestaudio/best",
  1707.         "1440p": "--ytdl-format=bestvideo[height<=?1440]%2Bbestaudio/best",
  1708.         "1080p": "--ytdl-format=bestvideo[height<=?1080]%2Bbestaudio/best",
  1709.         "720p": "--ytdl-format=bestvideo[height<=?720]%2Bbestaudio/best",
  1710.         "480p": "--ytdl-format=bestvideo[height<=?480]%2Bbestaudio/best"
  1711.     }
  1712. }
  1713. var websiteList = [
  1714.     {
  1715.         // ✅ https://www.bilibili.com/bangumi/play/ep508404
  1716.         // ✅ https://www.bilibili.com/bangumi/play/ep319063
  1717.         // ✅ https://www.bilibili.com/video/BV1Hd4y1k7Vb
  1718.         // ✅ https://www.bilibili.com/video/av2
  1719.         // ✅ https://www.bilibili.com/video/BV17Z4y117Qm
  1720.         // ✅ https://www.bilibili.com/list/ml1806211634
  1721.         // ✅ https://www.bilibili.com/festival/2023bnj?bvid=BV17G4y1X7vQ
  1722.         name: "B站视频",
  1723.         home: [
  1724.             "https://www.bilibili.com"
  1725.         ],
  1726.         regex: /^https:\/\/www\.bilibili\.com\/(bangumi\/play|video|list|festival)\/.*/g,
  1727.         handler: class Handler extends BaseHandler {
  1728.             constructor() {
  1729.                 super();
  1730.                 this.media.setReferer("https://www.bilibili.com");
  1731.             }
  1732.             initCheck() {
  1733.                 if (super.initCheck()) {
  1734.                     return true;
  1735.                 }
  1736.                 let oldvideoId = this.videoId;
  1737.                 let newvideoId = this.getCurrentvideoId();
  1738.                 if (oldvideoId && oldvideoId != newvideoId) {
  1739.                     return true;
  1740.                 }
  1741.                 return false;
  1742.             }
  1743.             getCurrentvideoId() {
  1744.                 if (__INITIAL_STATE__.epInfo) {
  1745.                     return __INITIAL_STATE__.epInfo;
  1746.                 }
  1747.                 if (__INITIAL_STATE__.videoData) {
  1748.                     return __INITIAL_STATE__.videoData;
  1749.                 }
  1750.                 if (__INITIAL_STATE__.videoInfo) {
  1751.                     return __INITIAL_STATE__.videoInfo;
  1752.                 }
  1753.             }
  1754.             async parse() {
  1755.                 this.videoId = this.getCurrentvideoId();
  1756.                 if (!this.videoId || !this.videoId.aid || !this.videoId.cid) {
  1757.                     console.log("获取 videoId 失败：" + this.videoId);
  1758.                     return;
  1759.                 }
  1760.                 let aid = this.videoId.aid;
  1761.                 let cid = this.videoId.cid;
  1762.                 let p = __INITIAL_STATE__.p;
  1763.                 if (p && p > 1) {
  1764.                     cid = __INITIAL_STATE__.cidMap[aid].cids[p];
  1765.                 }
  1766.                 getBilibiliPlayUrl(aid, cid);
  1767.             }
  1768.         },
  1769.     },
  1770.     {
  1771.         // ✅ https://live.bilibili.com/7777
  1772.         name: "B站直播",
  1773.         home: [
  1774.             "https://live.bilibili.com"
  1775.         ],
  1776.         regex: /^https:\/\/live\.bilibili\.com\/\d+.*/g,
  1777.         handler: class Handler extends BaseHandler {
  1778.             async parse() {
  1779.                 let iframes = document.getElementsByTagName("iframe");
  1780.                 let roomid = undefined;
  1781.                 for (let iframe of iframes) {
  1782.                     let roomids = iframe.src.match(/^https:\/\/live\.bilibili\.com.*(roomid=\d+|blanc\/\d+).*/);
  1783.                     if (roomids && roomids[1]) {
  1784.                         roomid = roomids[1].match(/\d+/)[0];
  1785.                         break;
  1786.                     }
  1787.                 }
  1788.                 if (!roomid) {
  1789.                     console.log("找不到 roomid：" + roomid);
  1790.                     return;
  1791.                 }
  1792.  
  1793.                 let that = this;
  1794.                 $.ajax({
  1795.                     type: "GET",
  1796.                     url: `https://api.live.bilibili.com/room/v1/Room/playUrl?quality=${BEST_QUALITY.bilibiliLive[currentConfig.bestQuality]}&cid=${roomid}`,
  1797.                     async: false,
  1798.                     xhrFields: {
  1799.                         withCredentials: true
  1800.                     },
  1801.                     success: function (res) {
  1802.                         that.media.setVideoUrl(res.data.durl[0].url);
  1803.                     }
  1804.                 });
  1805.             }
  1806.         },
  1807.     },
  1808.     {
  1809.         // ✅ https://www.ixigua.com/
  1810.         name: "西瓜视频",
  1811.         home: [
  1812.             "https://www.ixigua.com"
  1813.         ],
  1814.         regex: /^https:\/\/www\.ixigua\.com\/\d.*/g,
  1815.         handler: class Handler extends BaseHandler {
  1816.             constructor() {
  1817.                 super();
  1818.                 this.media.setReferer("https://www.ixigua.com/");
  1819.             }
  1820.             async parse() {
  1821.                 let that = this;
  1822.                 $.ajax({
  1823.                     type: "GET",
  1824.                     url: page.url,
  1825.                     async: false,
  1826.                     success: function (res) {
  1827.                         try {
  1828.                             let _SSR_HYDRATED_DATA = (new Function("return " + res.match(/<script id="SSR_HYDRATED_DATA"[^<]*window._SSR_HYDRATED_DATA=({[^<]*})[^<]*<\/script>/)[1]))();
  1829.                             let packerData = _SSR_HYDRATED_DATA.anyVideo.gidInformation.packerData;
  1830.                             let main_url = undefined;
  1831.                             if (packerData.video) {
  1832.                                 let videoList = packerData.video.videoResource.normal.video_list;
  1833.                                 if (videoList) {
  1834.                                     let video = undefined;
  1835.                                     for (const key in videoList) {
  1836.                                         if (!video || videoList[key].vheight > video.vheight) {
  1837.                                             video = videoList[key];
  1838.                                         }
  1839.                                     }
  1840.                                     main_url = video.main_url;
  1841.                                 }
  1842.                                 that.media.setVideoUrl(window.atob(main_url).replace("http://", "https://"));
  1843.                                 return;
  1844.                             }
  1845.                         } catch (error) {
  1846.                             console.error("解析出错：" + error);
  1847.                         }
  1848.                         that.nxParser();
  1849.                     }
  1850.                 });
  1851.             }
  1852.         },
  1853.     },
  1854.     {
  1855.         // ✅ https://yun.nxflv.com/?url=https://www.ixigua.com/7186534626612118071
  1856.         name: "诺讯解析",
  1857.         regex: /^https:\/\/yun\.nxflv\.com\/\?url=.+/g,
  1858.         handler: class Handler extends BaseHandler {
  1859.             constructor() {
  1860.                 super();
  1861.                 this.addTopListener();
  1862.             }
  1863.             async parse() {
  1864.                 let url = this.videoParser();
  1865.                 if (url.startsWith("blob")) {
  1866.                     for (let index = 0; index < sessionStorage.key.length; index++) {
  1867.                         url = sessionStorage.key(index);
  1868.                         url = url.match(/http[^#]*/g);
  1869.                         if (url && url.length > 0) {
  1870.                             url = url[0];
  1871.                         }
  1872.                     }
  1873.                 }
  1874.                 this.media.setVideoUrl(url);
  1875.             }
  1876.         },
  1877.     },
  1878.     {
  1879.         // ✅ https://ddys.art/bleach-thousand-year-blood-war
  1880.         name: "低端影视",
  1881.         home: [
  1882.             "https://ddys.art",
  1883.             "https://ddys.pro"
  1884.         ],
  1885.         regex: /^https:\/\/(ddys\.art|ddys\.pro)\/.*/g,
  1886.         handler: class Handler extends BaseHandler {
  1887.             async parse() {
  1888.                 let video = document.getElementsByTagName("video")[0];
  1889.                 if (video.paused) {
  1890.                     document.getElementsByClassName('vjs-big-play-button')[0].click();
  1891.                 }
  1892.                 this.media.setVideoUrl(this.videoParser());
  1893.                 let playing = document.getElementsByClassName("wp-playlist-playing")[0];
  1894.                 if (playing) {
  1895.                     let episode = playing.textContent.replace(/(\n|\t|\d\.)/g, "");
  1896.                     if (episode != " 全") {
  1897.                         this.media.title = document.getElementsByClassName("post-title")[0].textContent + episode + " - 低端影视";
  1898.                     }
  1899.                 }
  1900.             }
  1901.         },
  1902.     },
  1903.     {
  1904.         // ✅ https://libvio.fun/play/714634-1-11.html
  1905.         name: "LIBVIO",
  1906.         home: [
  1907.             "https://tv.libvio.cc",
  1908.             "https://libvio.fun",
  1909.             "https://libvio.me",
  1910.             "https://www.libvio.me"
  1911.         ],
  1912.         regex: /^https:\/\/(tv\.libvio\.cc|libvio\.fun|libvio\.me|www\.libvio\.me)\/play\/.*/g,
  1913.         handler: class Handler extends BaseHandler {
  1914.             constructor() {
  1915.                 super();
  1916.                 this.addIframeListener();
  1917.             }
  1918.         }
  1919.     },
  1920.     {
  1921.         name: "LIBVIO播放器",
  1922.         regex: /^https:\/\/(sh-data-s02\.chinaeast2\.cloudapp\.chinacloudapi\.cn|p\.cfnode1\.xyz)\/.*php\?url=.*/g,
  1923.         handler: class Handler extends BaseHandler {
  1924.             constructor() {
  1925.                 super();
  1926.                 this.addTopListener();
  1927.             }
  1928.             async parse() {
  1929.                 this.media.setVideoUrl(urls);
  1930.             }
  1931.         }
  1932.     },
  1933.     {
  1934.         // ✅ https://www.nivod.tv/UXEwMmLqnUjHG5e4MwmlvmVnWiAJ9rIQ-RofV7wPhhed3uoi50mYsftLPq4mYyIhB-720-0-0-play.html?x=1
  1935.         name: "泥视频",
  1936.         home: [
  1937.             "https://www.nivod.tv",
  1938.         ],
  1939.         regex: /^https:\/\/www\.nivod\.tv\/.*play\.html?.*/g,
  1940.         handler: class Handler extends BaseHandler {
  1941.             async parse() {
  1942.                 this.media.setVideoUrl(__dp.options.video.url);
  1943.                 this.media.setTitle(document.title);
  1944.             }
  1945.         }
  1946.     },
  1947.     {
  1948.         // ✅ https://www.pkmp4.com/py/268677-2-11.html
  1949.         name: "片库",
  1950.         home: [
  1951.             "https://www.pkmp4.com",
  1952.         ],
  1953.         regex: /^https:\/\/www\.pkmp4\.com\/py\/.*/g,
  1954.         handler: class Handler extends BaseHandler {
  1955.             constructor() {
  1956.                 super();
  1957.                 this.addIframeListener();
  1958.             }
  1959.             async parse() {
  1960.                 this.media.setVideoUrl(player_aaaa.url);
  1961.             }
  1962.         }
  1963.     },
  1964.     {
  1965.         name: "片库播放器",
  1966.         regex: /^https:\/\/www\.pkmp4\.com\/addons\/dplayer\/\?url=.*/g,
  1967.         handler: class Handler extends BaseHandler {
  1968.             constructor() {
  1969.                 super();
  1970.                 this.addTopListener();
  1971.             }
  1972.         }
  1973.     },
  1974.     {
  1975.         // ✅ https://www.btnull.org/py/BBnLd_9.html?167094
  1976.         name: "无名小站",
  1977.         home: [
  1978.             "https://www.btnull.org",
  1979.             "https://www.btnull.to",
  1980.             "https://www.btnull.nu",
  1981.             "https://www.btnull.in",
  1982.         ],
  1983.         regex: /^https:\/\/(www.btnull.org|www.btnull.to|www.btnull.nu|www.btnull.in)\/py\/.*/g,
  1984.         handler: class Handler extends BaseHandler {
  1985.             async parse() {
  1986.                 this.media.setVideoUrl(this.htmlParser());
  1987.             }
  1988.         }
  1989.     },
  1990.     {
  1991.         // ✅ https://www.996dm.com/play/6792-1-91.html
  1992.         // ✅ http://www.996dm.com/play/7800-1-10.html
  1993.         // ✅ http://www.dmlaa.com/play/7696-1-10.html
  1994.         // ✅ http://www.qdmsh.com/play/7663-1-10.html
  1995.         name: "樱花动漫网",
  1996.         home: [
  1997.             "https://www.996dm.com",
  1998.             "http://www.996dm.com",
  1999.             "http://www.dmlaa.com",
  2000.             "http://www.qdmsh.com"
  2001.         ],
  2002.         regex: /^https?:\/\/(www\.996dm\.com|www\.dmlaa\.com|www\.qdmsh\.com)\/play\/.*/g,
  2003.         handler: class Handler extends BaseHandler {
  2004.             constructor() {
  2005.                 super();
  2006.                 this.addIframeListener();
  2007.             }
  2008.         }
  2009.     },
  2010.     {
  2011.         name: "樱花动漫网播放器",
  2012.         regex: /^https:\/\/danmu\.yhdmjx\.com\/.*php\?url=.*/g,
  2013.         handler: class Handler extends BaseHandler {
  2014.             constructor() {
  2015.                 super();
  2016.                 this.addTopListener();
  2017.             }
  2018.             async parse() {
  2019.                 this.media.setVideoUrl(this.videoParser());
  2020.             }
  2021.         }
  2022.     },
  2023.     {
  2024.         // ✅ https://dick.xfani.com/watch/582/1/11.html
  2025.         name: "稀饭动漫",
  2026.         home: [
  2027.             "https://dick.xfani.com"
  2028.         ],
  2029.         regex: /^https:\/\/dick\.xfani\.com\/watch\/.*/g,
  2030.         handler: class Handler extends BaseHandler {
  2031.             constructor() {
  2032.                 super();
  2033.                 this.addIframeListener();
  2034.             }
  2035.         }
  2036.     },
  2037.     {
  2038.         name: "稀饭动漫播放器",
  2039.         regex: /(^https:\/\/dick\.xfani\.com\/addons\/dp\/player\/.*|^https:\/\/m3\.moedot\.net\/muiplayer\/\?url=.*)/g,
  2040.         handler: class Handler extends BaseHandler {
  2041.             constructor() {
  2042.                 super();
  2043.                 this.addTopListener();
  2044.             }
  2045.             async parse() {
  2046.                 if (config.url.indexOf(".m3u8") > 0 || config.url.indexOf(".mp4") > 0 || config.url.indexOf(".flv") > 0) {
  2047.                     this.media.setVideoUrl(config.url);
  2048.                 } else {
  2049.                     let that = this;
  2050.                     $.ajax({
  2051.                         type: "POST",
  2052.                         url: "api_currentConfig.php",
  2053.                         data: { "url": config.url, "time": config.time, "key": config.key, "title": config.title },
  2054.                         async: false,
  2055.                         success: function (res) {
  2056.                             if (res.code == "200") {
  2057.                                 that.media.setVideoUrl(res.url);
  2058.                             }
  2059.                         }
  2060.                     });
  2061.                 }
  2062.             }
  2063.         }
  2064.     },
  2065.     {
  2066.         // ✅ https://www.mgnacg.com/bangumi/426-6-12
  2067.         name: "橘子动漫",
  2068.         home: [
  2069.             "https://www.mgnacg.com"
  2070.         ],
  2071.         regex: /^https:\/\/www\.mgnacg\.com\/bangumi\/.*/g,
  2072.         handler: class Handler extends BaseHandler {
  2073.             constructor() {
  2074.                 super();
  2075.                 this.addIframeListener();
  2076.                 this.media.setReferer("https://play.mknacg.top:8585");
  2077.             }
  2078.         }
  2079.     },
  2080.     {
  2081.         name: "橘子动漫播放器",
  2082.         regex: /^https:\/\/play\.mknacg\.top:8585\/.*/g,
  2083.         handler: class Handler extends BaseHandler {
  2084.             constructor() {
  2085.                 super();
  2086.                 this.addTopListener();
  2087.             }
  2088.             async parse() {
  2089.                 this.media.setVideoUrl(this.urlParser());
  2090.             }
  2091.         }
  2092.     },
  2093.     {
  2094.         // ✅ https://www.omofun.top/index.php/vod/play/id/17295/sid/2/nid/7.html
  2095.         name: "OmoFun",
  2096.         home: [
  2097.             "https://www.omofun.top"
  2098.         ],
  2099.         regex: /^https:\/\/www\.omofun\.top\/index.php\/vod\/play\/id\/.*/g,
  2100.         handler: class Handler extends BaseHandler {
  2101.             constructor() {
  2102.                 super();
  2103.                 this.addIframeListener();
  2104.             }
  2105.         }
  2106.     },
  2107.     {
  2108.         name: "OmoFun播放器",
  2109.         regex: /^https:\/\/player\.omofun\.top\/\?url=.*/g,
  2110.         handler: class Handler extends BaseHandler {
  2111.             constructor() {
  2112.                 super();
  2113.                 this.addTopListener();
  2114.             }
  2115.             async parse() {
  2116.                 this.media.setVideoUrl(this.urlParser());
  2117.             }
  2118.         }
  2119.     },
  2120.     {
  2121.         // ✅ https://spdcat.net/vodplay/135443-1-23
  2122.         name: "迅猫动漫",
  2123.         home: [
  2124.             "https://spdcat.net"
  2125.         ],
  2126.         regex: /^https:\/\/spdcat\.net\/vodplay\/.*/g,
  2127.         handler: class Handler extends BaseHandler {
  2128.             constructor() {
  2129.                 super();
  2130.                 this.addIframeListener();
  2131.             }
  2132.         }
  2133.     },
  2134.     {
  2135.         name: "迅猫动漫播放器",
  2136.         regex: /^https:\/\/spdcat\.net\/addons\/dp\/player\/.*/g,
  2137.         handler: class Handler extends BaseHandler {
  2138.             constructor() {
  2139.                 super();
  2140.                 this.addTopListener();
  2141.             }
  2142.             async parse() {
  2143.                 this.media.setVideoUrl(config.url);
  2144.                 setTimeout(() => {
  2145.                     let conplay = document.getElementsByClassName("conplay-jump")[0];
  2146.                     if (conplay) {
  2147.                         conplay.click();
  2148.                     }
  2149.                 }, 1000);
  2150.             }
  2151.         }
  2152.     },
  2153.     {
  2154.         // ✅ http://www.dm88.me/player/8480-0-11.html
  2155.         name: "樱花动漫",
  2156.         home: [
  2157.             "http://www.dm88.me"
  2158.         ],
  2159.         regex: /^http:\/\/www\.dm88\.me\/player\/.*/g,
  2160.         handler: class Handler extends BaseHandler {
  2161.             constructor() {
  2162.                 super();
  2163.                 this.addIframeListener();
  2164.             }
  2165.         }
  2166.     },
  2167.     {
  2168.         name: "樱花动漫播放器",
  2169.         regex: /^https:\/\/jianghu\.live2008\.com\/.*\?url=.*/g,
  2170.         handler: class Handler extends BaseHandler {
  2171.             constructor() {
  2172.                 super();
  2173.                 this.addTopListener();
  2174.             }
  2175.             async parse() {
  2176.                 this.media.setVideoUrl(url);
  2177.             }
  2178.         }
  2179.     },
  2180.     {
  2181.         // ✅ https://www.kk151.com/play/15257-2-11.html
  2182.         name: "动漫之家",
  2183.         home: [
  2184.             "https://www.kk151.com"
  2185.         ],
  2186.         regex: /^https:\/\/www\.kk151\.com\/play\/.*/g,
  2187.         handler: class Handler extends BaseHandler {
  2188.             constructor() {
  2189.                 super();
  2190.                 this.addIframeListener();
  2191.             }
  2192.         }
  2193.     },
  2194.     {
  2195.         name: "动漫之家播放器",
  2196.         regex: /^https:\/\/(www\.ikdmjx\.com\/|jx\.wolongzywcdn\.com:65\/m3u8\.php|hls\.kuaibofang\.com\/|jx\.jxbdzyw\.com\/m3u8\/|www\.m3u8\.tv\.cdn\.8old\.cn\/m3u8tv1127\/api\.php|jx\.wujinkk\.com\/dplayer\/|jx\.m3u8\.tv\/jiexi\/)\?url=.*/g,
  2197.         handler: class Handler extends BaseHandler {
  2198.             constructor() {
  2199.                 super();
  2200.                 this.addTopListener();
  2201.             }
  2202.             async parse() {
  2203.                 this.media.setVideoUrl(this.urlParser());
  2204.             }
  2205.         }
  2206.     },
  2207.     {
  2208.         // ✅ https://hdzyk.com/?m=vod-play-id-27537-src-2-num-11.html
  2209.         // ✅ https://1080zyk2.com/?m=vod-play-id-27537-src-2-num-11.html
  2210.         name: "优质资源库",
  2211.         home: [
  2212.             "https://hdzyk.com",
  2213.             "https://1080zyk1.com",
  2214.             "https://1080zyk2.com",
  2215.             "https://1080zyk3.com",
  2216.             "https://1080zyk4.com",
  2217.             "https://1080zyk5.com"
  2218.         ],
  2219.         regex: /^https:\/\/(hdzyk\.com|1080zyk[1-5]\.com)\/\?m=.*/g,
  2220.         handler: class Handler extends BaseHandler {
  2221.             constructor() {
  2222.                 super();
  2223.                 this.addIframeListener();
  2224.             }
  2225.         }
  2226.     },
  2227.     {
  2228.         name: "优质资源库播放器",
  2229.         regex: /^https:\/\/vip\.zykbf\.com\/\?url=.*/g,
  2230.         handler: class Handler extends BaseHandler {
  2231.             constructor() {
  2232.                 super();
  2233.                 this.addTopListener();
  2234.             }
  2235.             async parse() {
  2236.                 this.media.setVideoUrl(this.urlParser());
  2237.             }
  2238.         }
  2239.     },
  2240.     {
  2241.         // ✅ https://www.bdys01.com/play/22729-8.htm
  2242.         name: "哔嘀影视",
  2243.         home: [
  2244.             "https://www.bdys01.com"
  2245.         ],
  2246.         regex: /^https:\/\/www\.bdys01\.com\/.*play\/.*/g,
  2247.         handler: class Handler extends BaseHandler {
  2248.             async parse() {
  2249.                 this.media.setVideoUrl(this.videoParser());
  2250.                 if (!this.media.videoUrl) {
  2251.                     this.media.setVideoUrl(this.htmlParser());
  2252.                     if (!this.media.videoUrl) {
  2253.                         this.media.setVideoUrl(this.scriptParser());
  2254.                     }
  2255.                 }
  2256.             }
  2257.         }
  2258.     },
  2259.     {
  2260.         // ✅ https://www.dora-family.com/Resource:TV
  2261.         name: "哆啦A梦新番",
  2262.         home: [
  2263.             "https://www.dora-family.com/Resource:TV"
  2264.         ],
  2265.         regex: /^https:\/\/www\.dora-family\.com\/Resource:TV/g,
  2266.         handler: class Handler extends BaseHandler {
  2267.             initCheck() {
  2268.                 if (super.initCheck()) {
  2269.                     return true;
  2270.                 }
  2271.                 let oldVideoUrl = this.media.videoUrl;
  2272.                 let newVideoUrl = this.videoParser();
  2273.                 if (oldVideoUrl && oldVideoUrl != newVideoUrl) {
  2274.                     return true;
  2275.                 }
  2276.                 return false;
  2277.             }
  2278.             async parse() {
  2279.                 this.media.setVideoUrl(this.videoParser());
  2280.             }
  2281.         }
  2282.     },
  2283.     {
  2284.         name: "AList",
  2285.         regex: /^https?:\/\/(alist[^\/]+|[^\/]+:5244)\/.*\.(mp4|mkv)/g,
  2286.         handler: class Handler extends BaseHandler {
  2287.             async parse() {
  2288.                 let url = this.videoParser();
  2289.                 let index = url.indexOf("?");
  2290.                 if (index != -1) {
  2291.                     url = url.substring(0, index + 1) + encodeURIComponent(url.substring(index + 1));
  2292.                 }
  2293.                 this.media.setVideoUrl(url);
  2294.                 this.media.setTitle(document.title);
  2295.             }
  2296.         }
  2297.     },
  2298.     {
  2299.         // ✅ https://www.olehdtv.com/player/vod/1/43671/1
  2300.         name: "欧乐影院",
  2301.         home: [
  2302.             "https://www.olehdtv.com/"
  2303.         ],
  2304.         regex: /^https:\/\/www\.olehdtv\.com\/player\/vod\/\d+\/\d+\/\d+/g,
  2305.         handler: class Handler extends BaseHandler {
  2306.             async parse() {
  2307.                 let ids = page.url.match(/^https:\/\/www\.olehdtv\.com\/player\/vod\/(\d+)\/(\d+)\/(\d+)/);
  2308.                 let id = ids[2];
  2309.                 let index = ids[3];
  2310.                 let t = Date.parse(new Date) / 1e3, r = t % 20;
  2311.                 let _vv = MD5(t - r + "new.olelive.com");
  2312.                 let that = this;
  2313.                 $.ajax({
  2314.                     type: "GET",
  2315.                     url: `https://api.olelive.com/v1/pub/vod/detail?id=${id}&play=true&_vv=${_vv}`,
  2316.                     async: false,
  2317.                     success: function (res) {
  2318.                         if(res.code == 0) {
  2319.                             that.media.setVideoUrl(res.data.urls[index - 1].url);
  2320.                         }
  2321.                     }
  2322.                 })
  2323.             }
  2324.             play() {
  2325.                 this.media.setTitle(document.title);
  2326.                 super.play();
  2327.             }
  2328.         }
  2329.     },
  2330.     {
  2331.         // ✅ https://www.olehdtv.com/player/live/tv/CCTV5HD/49
  2332.         name: "欧乐影院直播",
  2333.         home: [
  2334.             "https://www.olehdtv.com/"
  2335.         ],
  2336.         regex: /^https:\/\/www\.olehdtv\.com\/player\/live\/tv\/[^/]+\/\d+/g,
  2337.         handler: class Handler extends BaseHandler {
  2338.             async parse() {
  2339.                 let ids = page.url.match(/^https:\/\/www\.olehdtv\.com\/player\/live\/tv\/([^/]+)\/(\d+)/);
  2340.                 let id = ids[2];
  2341.                 let streamId = ids[1];
  2342.                 let today = new Date();
  2343.                 let year = today.getFullYear();
  2344.                 let month = today.getMonth() + 1;
  2345.                 if(month < 10){
  2346.                     month = "0" + month;
  2347.                 }
  2348.                 let day = today.getDate();
  2349.                 if(day < 10){
  2350.                     day = "0" + day;
  2351.                 }
  2352.                 let date = year + "-" + month + "-" + day;
  2353.                 let t = Date.parse(today) / 1e3, r = t % 20;
  2354.                 let _vv = MD5(t - r + "new.olelive.com");
  2355.                 let that = this;
  2356.                 $.ajax({
  2357.                     type: "GET",
  2358.                     url: `https://api.olelive.com/v1/pub/live/info?date=${date}&streamId=${streamId}&type=tv&id=${id}&_vv=${_vv}`,
  2359.                     async: false,
  2360.                     success: function (res) {
  2361.                         if(res.code == 0) {
  2362.                             that.media.setVideoUrl(res.data.detail.hls.replace("_360", ""));
  2363.                         }
  2364.                     }
  2365.                 })
  2366.             }
  2367.             play() {
  2368.                 this.media.setTitle(document.title);
  2369.                 super.play();
  2370.             }
  2371.         }
  2372.     },
  2373.     {
  2374.         // ✅ https://www.youtube.com/watch?v=IkGuTYaTsLo
  2375.         name: "YouTube",
  2376.         home: [
  2377.             "https://www.youtube.com"
  2378.         ],
  2379.         regex: /^https:\/\/www\.youtube\.com\/(watch|playlist)\?.*/g,
  2380.         handler: class Handler extends BaseHandler {
  2381.             async parse() {
  2382.                 this.media.setTitle("");
  2383.                 this.media.setProxy(currentConfig.proxy);
  2384.                 this.media.setOther(BEST_QUALITY.youtube[currentConfig.bestQuality]);
  2385.                 this.media.setVideoUrl(this.ytDlpParser());
  2386.             }
  2387.         },
  2388.     },
  2389.     {
  2390.         // ✅ https://ani.gamer.com.tw/animeVideo.php?sn=32227
  2391.         name: "巴哈姆特",
  2392.         home: [
  2393.             "https://ani.gamer.com.tw"
  2394.         ],
  2395.         regex: /^https:\/\/ani\.gamer\.com\.tw\/animeVideo.php\?sn=.*/g,
  2396.         handler: class Handler extends BaseHandler {
  2397.             async parse() {
  2398.                 this.media.setOrigin("https://ani.gamer.com.tw");
  2399.                 let index = page.url.indexOf("sn=") + 3;
  2400.                 if (index == -1) {
  2401.                     return;
  2402.                 }
  2403.                 let sn = page.url.substring(index);
  2404.                 index = sn.indexOf("&");
  2405.                 if (index != -1) {
  2406.                     sn = sn.substring(0, index);
  2407.                 }
  2408.                 let device = localStorage.ANIME_deviceid;
  2409.                 let that = this;
  2410.                 let res;
  2411.                 $.ajax({
  2412.                     type: "GET",
  2413.                     url: `https://ani.gamer.com.tw/ajax/m3u8.php?sn=${sn}&device=${device}`,
  2414.                     async: false,
  2415.                     xhrFields: {
  2416.                         withCredentials: true
  2417.                     },
  2418.                     success: function (json) {
  2419.                         res = JSON.parse(json);
  2420.                     }
  2421.                 })
  2422.                 if (res.error) {
  2423.                     if (res.error.code == 1015) {
  2424.                         let oldDuration = document.getElementsByClassName("vjs-duration-display")[0].innerHTML;
  2425.                         let newDuration = oldDuration;
  2426.                         while (oldDuration == newDuration) {
  2427.                             await sleep(1000);
  2428.                             newDuration = document.getElementsByClassName("vjs-duration-display")[0].innerHTML;
  2429.                         }
  2430.                         tryTime = 0;
  2431.                     }
  2432.                 } else {
  2433.                     that.media.setProxy(currentConfig.proxy);
  2434.                     that.media.setVideoUrl(res.src);
  2435.                 }
  2436.             }
  2437.         },
  2438.     },
  2439.     {
  2440.         // ✅ https://hanime1.me/watch?v=26262
  2441.         name: "Hanime1.me",
  2442.         home: [
  2443.             "https://hanime1.me"
  2444.         ],
  2445.         regex: /^https:\/\/hanime1\.me\/watch\?v=.*/g,
  2446.         handler: class Handler extends BaseHandler {
  2447.             async parse() {
  2448.                 this.media.setProxy(currentConfig.proxy);
  2449.                 let url = this.videoParser();
  2450.                 if (!url) {
  2451.                     url = this.iframeParser();
  2452.                 }
  2453.                 this.media.setVideoUrl(url);
  2454.             }
  2455.         },
  2456.     },
  2457.     {
  2458.         // ✅ https://www.lckp.top/play-with-mpv/index.html
  2459.         name: "电视直播",
  2460.         home: [
  2461.             "https://www.lckp.top/play-with-mpv/index.html"
  2462.         ],
  2463.         regex: /^https?:\/\/(www.lckp.top\/play-with-mpv|127.0.0.1:5502\/web\/tampermonkey\/Play-With-MPV)\/index.html/g,
  2464.         handler: class Handler extends BaseHandler {
  2465.             async parse() {
  2466.                 this.media.setTitle("");
  2467.                 this.media.setVideoUrl(localStorage.iptvUrl);
  2468.                 localStorage.player = JSON.stringify(this.player);
  2469.             }
  2470.         },
  2471.     }
  2472. ];
  2473. // 初始化
  2474. async function init() {
  2475.     // 加载页面信息
  2476.     page = {
  2477.         host: window.location.host,
  2478.         url: window.location.href,
  2479.         isFullScreen: false
  2480.     };
  2481.     // 清除 handler
  2482.     if(handler) {
  2483.         handler = undefined;
  2484.         if (document.getElementById(ID.buttonDiv)) {
  2485.             document.getElementById(ID.buttonDiv).style.display = "none";
  2486.         }
  2487.     }
  2488.     // 生成 handler
  2489.     for (let i = 0; i < websiteList.length; i++) {
  2490.         if (page.url.match(websiteList[i].regex)) {
  2491.             handler = new websiteList[i].handler();
  2492.             break;
  2493.         }
  2494.     }
  2495.     // 尝试解析页面视频
  2496.     if (handler) {
  2497.         tryTime = 0;
  2498.         while (tryTime < TRY_TIME.maxParse) {
  2499.             await sleep(tryTime * 1000 + 700);
  2500.             if (!handler.media.videoUrl) {
  2501.                 try {
  2502.                     await handler.parse();
  2503.                 } catch (error) {
  2504.                     console.log('解析失败：' + error);
  2505.                 }
  2506.             }
  2507.             tryTime++;
  2508.         }
  2509.     }
  2510. }
  2511. // 开始执行
  2512. init();
  2513. setInterval(() => {
  2514.     if ((handler && handler.initCheck()) || window.location.href != page.url) {
  2515.         init();
  2516.     }
  2517. }, TIME.refresh);