External Player

Play web video via external player

目前为 2024-11-25 提交的版本。查看 最新版本

  1. // ==UserScript==
  2. // @name External Player
  3. // @name:zh-CN 外部播放器
  4. // @namespace https://github.com/LuckyPuppy514/external-player
  5. // @copyright 2024, Grant LuckyPuppy514 (https://github.com/LuckyPuppy514)
  6. // @version 1.0.2
  7. // @license MIT
  8. // @description Play web video via external player
  9. // @description:zh-CN 使用外部播放器播放网页中的视频
  10. // @icon https://www.lckp.top/gh/LuckyPuppy514/pic-bed/common/mpv.png
  11. // @author LuckyPuppy514
  12. // @homepage https://github.com/LuckyPuppy514/external-player
  13. // @include *://*
  14. // @grant GM_setValue
  15. // @grant GM_getValue
  16. // @run-at document-end
  17. // @require https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/pako/2.0.4/pako.min.js
  18. // ==/UserScript==
  19.  
  20. 'use strict';
  21.  
  22. const SETTING_URL = undefined;
  23. // const SETTING_URL = 'http://127.0.0.1:5500/setting.html';
  24.  
  25. const VIDEO_URL_REGEX_GLOBAL = /https?:\/\/((?![^"^']*http)[^"^']+(\.|%2e)(mp4|mkv|flv|m3u8|m4s|m3u|mov|avi|wmv|webm)(\?[^"^']+|))|((?![^"^']*http)[^"^']+\?[^"^']+(\.|%2e|video_)(mp4|mkv|flv|mov|avi|wmv|webm|m3u8|m3u)[^"^']*)/ig;
  26.  
  27. const VIDEO_URL_REGEX_EXACT = /^https?:\/\/((?![^"^']*http)[^"^']+(\.|%2e)(mp4|mkv|flv|m3u8|m4s|m3u|mov|avi|wmv|webm)(\?[^"^']+|))|((?![^"^']*http)[^"^']+\?[^"^']+(\.|%2e|video_)(mp4|mkv|flv|mov|avi|wmv|webm|m3u8|m3u)[^"^']*)$/ig;
  28.  
  29. const defaultConfig = {
  30. global: {
  31. version: '1.0.2',
  32. language: (navigator.language || navigator.userLanguage) === 'zh-CN' ? 'zh' : 'en',
  33. buttonXCoord: '0',
  34. buttonYCoord: '0',
  35. buttonScale: '1.00',
  36. buttonVisibilityDuration: '5000',
  37. networkProxy: '',
  38. parser: {
  39. ytdlp: {
  40. regex: [
  41. "https://www.youtube.com/watch\\?.+",
  42. "https://www.youtube.com/playlist\\?list=.+",
  43. "https://www.lckp.top/play-with-mpv/index.html",
  44. ],
  45. preferredQuality: 'unlimited',
  46. },
  47. video: {
  48. regex: [
  49. "https://www.libvio.fun/play/.+",
  50. "https://www.tucao.my/play/.+",
  51. "https://ddys.pro/.+"
  52. ]
  53. },
  54. url: {
  55. regex: [
  56. "https://anime.girigirilove.com/play.+",
  57. ]
  58. },
  59. html: {
  60. regex: []
  61. },
  62. script: {
  63. regex: []
  64. },
  65. request: {
  66. regex: []
  67. },
  68. bilibili: {
  69. regex: [
  70. "https://www.bilibili.com/bangumi/play/.+",
  71. "https://www.bilibili.com/video/.+",
  72. "https://www.bilibili.com/list/.+",
  73. "https://www.bilibili.com/festival/.+"
  74. ],
  75. preferredQuality: '127',
  76. preferredSubtitle: 'off',
  77. preferredCodec: '12',
  78. },
  79. bilibiliLive: {
  80. regex: [
  81. "https://live.bilibili.com/\\d+.*",
  82. "https://live.bilibili.com/blanc/\\d+.*",
  83. "https://live.bilibili.com/blackboard/era/.+",
  84. ],
  85. preferredQuality: '4',
  86. preferredLine: '0',
  87. }
  88. }
  89. },
  90. players: [{
  91. name: 'IINA',
  92. system: 'mac',
  93. icon: 'data:image/png;base64,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',
  94. iconSize: 53,
  95. playEvent: "const delimiter = '&';\n\nlet args = [\n `url=${encodeURIComponent(media.video)}`,\n media.origin ? `mpv_http-header-fields=${encodeURIComponent('origin: ' + media.origin)}` : '',\n media.referer ? `mpv_http-header-fields=${encodeURIComponent('referer: ' + media.referer)}` : '',\n]\nargs = args.filter(item => item !== '');\n\nconsole.log(args);\n\nwindow.open(`iina://weblink?${args.join(delimiter)}`, '_self');",
  96. presetEvent: {
  97. playAuto: false,
  98. pauseAuto: true,
  99. closeAuto: false
  100. },
  101. enable: true,
  102. readonly: true,
  103. }, {
  104. name: 'PotPlayer',
  105. system: 'windows',
  106. icon: 'data:image/png;base64,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',
  107. iconSize: 50,
  108. playEvent: "let args = [\n `\"${media.video}\"`,\n media.subtitle ? `/sub=\"${media.subtitle}\"` : '',\n media.origin ? `/headers=\"origin: ${media.origin}\"` : '',\n media.referer ? `/referer=\"${media.referer}\"` : '',\n config.networkProxy ? `/user_agent=\"${config.networkProxy}\"` : '',\n media.title ? `/title=\"${media.title}\"` : '',\n]\nargs = args.filter(item => item !== '');\n\nconsole.log(args);\n\nwindow.open(`ush://${player.name}?${compress(args.join(' '))}`, '_self');",
  109. presetEvent: {
  110. playAuto: false,
  111. pauseAuto: true,
  112. closeAuto: false
  113. },
  114. enable: true,
  115. readonly: true,
  116. },
  117. {
  118. name: 'MPV',
  119. system: 'windows',
  120. icon: 'data:image/png;base64,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',
  121. iconSize: 52,
  122. playEvent: "let args = [\n `\"${media.video}\"`,\n media.audio ? `--audio-file=\"${media.audio}\"` : '',\n media.subtitle ? `--sub-file=\"${media.subtitle}\"` : '',\n media.origin ? `--http-header-fields=\"origin: ${media.origin}\"` : '',\n media.referer ? `--http-header-fields=\"referer: ${media.referer}\"` : '',\n config.networkProxy ? `--http-proxy=\"${config.networkProxy}\"` : '',\n media.ytdlp.networkProxy ? `--ytdl-raw-options=\"proxy=[${media.ytdlp.networkProxy}]\"` : '',\n media.ytdlp.quality ? `--ytdl-format=\"bestvideo[height<=?${media.ytdlp.quality}]%2Bbestaudio/best\"` : '',\n media.bilibili.cid ? `--script-opts=\"cid=${media.bilibili.cid}\"` : '',\n media.title ? `--force-media-title=\"${media.title}\"` : '',\n]\nargs = args.filter(item => item !== '');\n\nconsole.log(args);\n\nwindow.open(`ush://${player.name}?${compress(args.join(' '))}`, '_self');",
  123. presetEvent: {
  124. playAuto: false,
  125. pauseAuto: true,
  126. closeAuto: false
  127. },
  128. enable: true,
  129. readonly: true,
  130. }
  131. ]
  132. }
  133.  
  134. const translations = {
  135. en: {
  136. loadSuccessfully: 'Load successfully',
  137. loadTimeout: 'Load timeout ......',
  138. saveSuccessfully: 'Save successfully',
  139. loadFail: 'Load fail',
  140. requireLoginOrVip: 'Require login or vip',
  141. noMatchingParserFound: 'No matching parser found',
  142. onlyNewTabsCanCloseAutomatically: 'Only new tabs can close automatically'
  143. },
  144. zh: {
  145. loadSuccessfully: '加载成功',
  146. loadTimeout: '加载超时 ......',
  147. saveSuccessfully: '保存成功',
  148. loadFail: '加载失败',
  149. requireLoginOrVip: '需要登录或会员',
  150. noMatchingParserFound: '没有匹配的解析器',
  151. onlyNewTabsCanCloseAutomatically: '只有新标签页才能自动关闭'
  152. }
  153. };
  154.  
  155. const REFRESH_INTERVAL = 500;
  156. const MAX_TRY_COUNT = 5;
  157.  
  158. var currentTryCount;
  159. var currentConfig;
  160. var currentUrl;
  161. var currentParser;
  162. var currentMedia;
  163. var currentPlayer;
  164. var translation;
  165.  
  166. class BaseParser {
  167. constructor() {
  168. currentMedia = {
  169. video: undefined,
  170. audio: undefined,
  171. subtitle: undefined,
  172. title: undefined,
  173. origin: undefined,
  174. referer: undefined,
  175. bilibili: {
  176. cid: undefined
  177. },
  178. ytdlp: {
  179. quality: undefined,
  180. networkProxy: undefined
  181. }
  182. }
  183. }
  184. async execute() {}
  185. async parseVideo() {
  186. currentMedia.video = location.href;
  187. }
  188. async parseAudio() {}
  189. async parseSubtitle() {}
  190. async parseTitle() {
  191. currentMedia.title = document.title;
  192. }
  193. async parseOrigin() {
  194. currentMedia.origin = location.origin || location.href;
  195. }
  196. async parseReferer() {
  197. let index = currentUrl.indexOf('?');
  198. currentMedia.referer = index > 0 ? currentUrl.substring(0, index) : currentUrl;
  199. }
  200. async check(video) {
  201. if (!video) {
  202. video = currentMedia.video;
  203. }
  204. if (!video || !video.startsWith('http') || video.startsWith('https://www.mp4')) {
  205. return false;
  206. }
  207.  
  208. if (video.indexOf('.m3u8') > -1 || video.indexOf('.m3u') > -1) {
  209. try {
  210. const response = await (await fetch(video, {
  211. method: 'GET',
  212. credentials: 'include'
  213. })).body();
  214. return response && response.indexOf('png') === -1;
  215. } catch (error) {}
  216. }
  217. return new RegExp(VIDEO_URL_REGEX_EXACT).test(video);
  218. }
  219. async pause() {
  220. for (let index = 0; index < MAX_TRY_COUNT; index++) {
  221. try {
  222. for (const video of document.getElementsByTagName('video')) {
  223. video.pause();
  224. }
  225.  
  226. for (const iframe of document.getElementsByTagName('iframe')) {
  227. if (iframe.contentDocument) {
  228. for (const video of iframe.contentDocument.getElementsByTagName('video')) {
  229. video.pause();
  230. }
  231. }
  232. }
  233. } catch (error) {
  234. console.error('暂停失败', error);
  235. } finally {
  236. await sleep(REFRESH_INTERVAL * 3);
  237. }
  238. }
  239. }
  240. async close() {
  241. try {
  242. await sleep(REFRESH_INTERVAL * 2);
  243. if (window.top.history.length === 1) {
  244. window.top.location.href = "about:blank";
  245. window.top.close();
  246. } else {
  247. showToast(translation.onlyNewTabsCanCloseAutomatically);
  248. }
  249. } catch (error) {
  250. console.error('关闭失败', error);
  251. }
  252. }
  253. async play(player) {
  254. try {
  255. showLoading(6000);
  256. currentPlayer = player;
  257. let media = currentMedia;
  258. let parser = currentParser;
  259. let config = currentConfig.global;
  260.  
  261. currentTryCount = 0;
  262. let latestError = undefined;
  263. do {
  264. currentTryCount++;
  265. try {
  266. await parser.execute();
  267. if (await parser.check()) {
  268. latestError = undefined;
  269. break;
  270. }
  271. await sleep(REFRESH_INTERVAL * 2);
  272. } catch (error) {
  273. latestError = error;
  274. console.error(`第${currentTryCount}次尝试解析失败:`, error);
  275. }
  276. }
  277. while (currentTryCount < MAX_TRY_COUNT);
  278. if (latestError) {
  279. showToast(translation.loadFail + ': ' + latestError.message);
  280. return;
  281. }
  282. if (!await parser.check()) {
  283. showToast(translation.loadFail);
  284. return;
  285. }
  286.  
  287. if (player.playEvent) {
  288. eval(policy.createScript(player.playEvent));
  289. }
  290.  
  291. if (player.presetEvent.closeAuto) {
  292. parser.close();
  293. }
  294. if (player.presetEvent.pauseAuto) {
  295. parser.pause();
  296. }
  297. } catch (error) {
  298. showToast(translation.loadFail + ': ' + error.message);
  299. } finally {
  300. hideLoading();
  301. }
  302. }
  303. }
  304.  
  305. const PARSER = {
  306. YTDLP: class Parser extends BaseParser {
  307. async execute() {
  308. currentMedia.ytdlp.quality = currentConfig.global.parser.ytdlp.preferredQuality === 'unlimited' ?
  309. undefined :
  310. currentConfig.global.parser.ytdlp.preferredQuality;
  311. currentMedia.ytdlp.networkProxy = currentConfig.global.networkProxy ?
  312. currentConfig.global.networkProxy :
  313. undefined;
  314. await this.parseVideo();
  315. }
  316. async check() {
  317. return currentMedia.video ? true : false;
  318. }
  319. },
  320. VIDEO: class Parser extends BaseParser {
  321. async execute() {
  322. await this.parseVideo();
  323. await this.parseTitle();
  324. await this.parseReferer();
  325. }
  326. async parseVideo() {
  327. for (const video of document.getElementsByTagName('video')) {
  328. if (await this.check(video.src)) {
  329. currentMedia.video = video.src;
  330. return;
  331. }
  332. }
  333.  
  334. for (const iframe of document.getElementsByTagName('iframe')) {
  335. if (iframe.contentDocument) {
  336. for (const video of iframe.contentDocument.getElementsByTagName('video')) {
  337. if (await this.check(video.src)) {
  338. currentMedia.video = video.src;
  339. return;
  340. }
  341. }
  342. }
  343. }
  344. }
  345. },
  346. URL: class Parser extends BaseParser {
  347. async execute() {
  348. await this.parseVideo();
  349. await this.parseTitle();
  350. await this.parseReferer();
  351. }
  352. async parseVideo() {
  353. let urls = currentUrl.match(VIDEO_URL_REGEX_GLOBAL) || [];
  354. for (const url of urls) {
  355. if (await this.check(url)) {
  356. currentMedia.video = url;
  357. return;
  358. }
  359. }
  360.  
  361. for (const iframe of document.getElementsByTagName('iframe')) {
  362. let urls = iframe.src.match(VIDEO_URL_REGEX_GLOBAL) || [];
  363. for (const url of urls) {
  364. if (await this.check(url)) {
  365. currentMedia.video = url;
  366. return;
  367. }
  368. }
  369. }
  370. }
  371. },
  372. HTML: class Parser extends BaseParser {
  373. async execute() {
  374. await this.parseVideo();
  375. await this.parseTitle();
  376. await this.parseReferer();
  377. }
  378. async parseVideo() {
  379. let urls = document.body.innerHTML.match(VIDEO_URL_REGEX_GLOBAL) || [];
  380. for (const url of urls) {
  381. if (await this.check(url)) {
  382. currentMedia.video = url;
  383. return;
  384. }
  385. }
  386.  
  387. for (const iframe of document.getElementsByTagName('iframe')) {
  388. const doc = iframe.contentDocument || iframe.contentWindow.document;
  389. if (!doc) {
  390. continue;
  391. }
  392. urls = doc.body.innerHTML.match(VIDEO_URL_REGEX_GLOBAL) || [];
  393. for (const url of urls) {
  394. if (await this.check(url)) {
  395. currentMedia.video = url;
  396. return;
  397. }
  398. }
  399. }
  400. }
  401. },
  402. SCRIPT: class Parser extends BaseParser {
  403. async execute() {
  404. await this.parseVideo();
  405. await this.parseTitle();
  406. await this.parseReferer();
  407. }
  408. async parseVideo() {
  409. for (const script of document.scripts) {
  410. let urls = script.innerHTML.match(VIDEO_URL_REGEX_GLOBAL) || [];
  411. for (const url of urls) {
  412. if (await this.check(url)) {
  413. currentMedia.video = url;
  414. return;
  415. }
  416. }
  417. }
  418.  
  419. for (const iframe of document.getElementsByTagName('iframe')) {
  420. const doc = iframe.contentDocument || iframe.contentWindow.document;
  421. if (!doc) {
  422. continue;
  423. }
  424. for (const script of doc.scripts) {
  425. let urls = script.innerHTML.match(VIDEO_URL_REGEX_GLOBAL) || [];
  426. for (const url of urls) {
  427. if (await this.check(url)) {
  428. currentMedia.video = url;
  429. return;
  430. }
  431. }
  432. }
  433. }
  434. }
  435. },
  436. REQUEST: class Parser extends BaseParser {
  437. constructor() {
  438. super();
  439. this.video = undefined;
  440. let that = this;
  441. const open = XMLHttpRequest.prototype.open;
  442. XMLHttpRequest.prototype.open = function (method, url, async, user, password) {
  443. if (!that.video) {
  444. let urls = url.match(VIDEO_URL_REGEX_GLOBAL) || [];
  445. for (const vurl of urls) {
  446. that.check(vurl).check().then(
  447. result => {
  448. if (result === true) {
  449. that.video = vurl;
  450. }
  451. }
  452. )
  453. }
  454.  
  455. }
  456. return open.apply(this, arguments);
  457. };
  458.  
  459. const originalFetch = fetch;
  460.  
  461. window.fetch = function (url, options) {
  462. return originalFetch(url, options).then(response => {
  463. alert(url);
  464. if (!that.video) {
  465. let urls = url.match(VIDEO_URL_REGEX_GLOBAL) || [];
  466. for (const vurl of urls) {
  467. that.check(vurl).check().then(
  468. result => {
  469. if (result === true) {
  470. that.video = vurl;
  471. }
  472. }
  473. )
  474. }
  475.  
  476. }
  477.  
  478. return response;
  479. });
  480. };
  481. }
  482. async execute() {
  483. await this.parseVideo();
  484. }
  485. async parseVideo() {
  486. currentMedia.video = this.video;
  487. }
  488. },
  489. BILIBILI: class Parser extends BaseParser {
  490. async execute() {
  491. await this.parseTitle();
  492. await this.parseVideo();
  493. await this.parseReferer();
  494. }
  495. async parseVideo() {
  496. let videoInfo = undefined; //await this.getVideoInfo();
  497.  
  498. if (!videoInfo || !videoInfo.aid || !videoInfo.cid) {
  499. if (currentUrl.startsWith('https://www.bilibili.com/bangumi/')) {
  500. videoInfo = await this.getVideoInfoByEpid();
  501. } else {
  502. videoInfo = await this.getVideoInfoByBvid();
  503. }
  504. }
  505.  
  506. if (!videoInfo || !videoInfo.aid || !videoInfo.cid) {
  507. throw new Error('can not find aid and cid');
  508. }
  509.  
  510. const aid = videoInfo.aid;
  511. const cid = videoInfo.cid;
  512. const title = videoInfo.title;
  513. const codecid = currentConfig.global.parser.bilibili.preferredCodec;
  514. const quality = currentConfig.global.parser.bilibili.preferredQuality;
  515.  
  516. currentMedia.bilibili.cid = cid;
  517. currentMedia.title = title ? title : currentMedia.title;
  518. if (currentConfig.global.parser.bilibili.preferredSubtitle &&
  519. currentConfig.global.parser.bilibili.preferredSubtitle !== 'off') {
  520. currentMedia.subtitle = await this.getSubtitle(aid, cid);
  521. }
  522. // 支持传入音频优先获取 dash 格式视频,以支持更高分辨率
  523. if (currentPlayer.playEvent && currentPlayer.playEvent.indexOf('audio') > -1) {
  524. const dash = await this.getDash(aid, cid, codecid, quality);
  525. if (dash) {
  526. currentMedia.audio = dash.audio;
  527. currentMedia.video = dash.video;
  528. return;
  529. }
  530. }
  531. currentMedia.video = await this.getFlvOrMP4(aid, cid);
  532. }
  533. async getVideoInfo() {
  534. try {
  535. const initialState = __INITIAL_STATE__;
  536. if (!initialState) {
  537. return;
  538. }
  539. const videoInfo = initialState.epInfo || initialState.videoData || initialState.videoInfo;
  540. const aid = videoInfo.aid;
  541. const page = initialState.p;
  542. let cid = videoInfo.cid;
  543. let title = videoInfo.title;
  544. if (page && page > 1) {
  545. cid = initialState.cidMap[aid].cids[page];
  546. }
  547.  
  548. return {
  549. aid: aid,
  550. cid: cid,
  551. title: title
  552. };
  553. } catch (error) {
  554. console.error(error.message);
  555. }
  556. }
  557. async getVideoInfoByBvid() {
  558. let param = undefined;
  559. const bvids = currentUrl.match(/BV([0-9a-zA-Z]+)/);
  560. if (bvids && bvids[1]) {
  561. param = `bvid=${bvids[1]}`;
  562. } else {
  563. const avids = currentUrl.match(/av([0-9]+)/);
  564. param = `aid=${avids[1]}`;
  565. }
  566.  
  567. if (!param) {
  568. throw new Error('can not find bvid or avid');
  569. }
  570.  
  571. const response = await (await fetch(`https://api.bilibili.com/x/web-interface/view?${param}`, {
  572. method: 'GET',
  573. credentials: 'include'
  574. })).json();
  575.  
  576. let aid = response.data.aid;
  577. let cid = response.data.cid;
  578. let title = response.data.title;
  579.  
  580. // 分 p 视频
  581. let index = currentUrl.indexOf("?p=");
  582. if (index > -1 && response.data.pages.length > 1) {
  583. let p = currentUrl.substring(index + 3);
  584. let endIndex = p.indexOf("&");
  585. if (endIndex > -1) {
  586. p = p.substring(0, endIndex);
  587. }
  588. const currentPage = res.data.pages[p - 1];
  589. cid = currentPage.cid;
  590. title = currentPage.part;
  591. }
  592.  
  593. return {
  594. aid: aid,
  595. cid: cid,
  596. title: title
  597. };
  598. }
  599. async getVideoInfoByEpid() {
  600. let epid = undefined;
  601. let epids = currentUrl.match(/ep(\d+)/);
  602. if (epids && epids[1]) {
  603. epid = epids[1];
  604. } else {
  605. let epidElement = undefined;
  606. let epidElementClassNames = [
  607. "ep-item cursor visited",
  608. "ep-item cursor",
  609. "numberListItem_select__WgCVr",
  610. "imageListItem_wrap__o28QW",
  611. ];
  612. for (const className of epidElementClassNames) {
  613. epidElement = document.getElementsByClassName(className)[0];
  614. if (epidElement) {
  615. epid = epidElement.getElementsByTagName("a")[0].href.match(/ep(\d+)/)[1];
  616. break;
  617. }
  618. }
  619.  
  620. if (!epid) {
  621. epidElement = document.getElementsByClassName("squirtle-pagelist-select-item active squirtle-blink")[0];
  622. if (epidElement) {
  623. epid = epidElement.dataset.value;
  624. }
  625. }
  626. }
  627.  
  628. if (!epid) {
  629. throw new Error('can not find epid');
  630. }
  631.  
  632. const response = await (await fetch(`https://api.bilibili.com/pgc/view/web/season?ep_id=${epid}`, {
  633. method: 'GET',
  634. credentials: 'include'
  635. })).json();
  636. let section = response.result.section;
  637. if (!section) {
  638. section = new Array();
  639. }
  640. section.push({
  641. episodes: response.result.episodes
  642. });
  643. let currentEpisode;
  644. for (let i = section.length - 1; i >= 0; i--) {
  645. let episodes = section[i].episodes;
  646. for (const episode of episodes) {
  647. if (episode.id == epid) {
  648. currentEpisode = episode;
  649. break;
  650. }
  651. }
  652. if (currentEpisode) {
  653. return {
  654. aid: currentEpisode.aid,
  655. cid: currentEpisode.cid,
  656. title: currentEpisode.share_copy
  657. }
  658. }
  659. }
  660. }
  661. async getDash(aid, cid, codecid, quality) {
  662. const url = `https://api.bilibili.com/x/player/playurl?qn=120&otype=json&fourk=1&fnver=0&fnval=4048&avid=${aid}&cid=${cid}`;
  663. const response = await (await fetch(url, {
  664. method: 'GET',
  665. credentials: 'include'
  666. })).json();
  667. if (!response.data) {
  668. currentTryCount = MAX_TRY_COUNT;
  669. throw new Error(translation.requireLoginOrVip);
  670. }
  671. let video = undefined;
  672. let audio = undefined;
  673. let dash = response.data.dash;
  674. if (!dash) {
  675. return undefined;
  676. }
  677. let hiRes = dash.flac;
  678. let dolby = dash.dolby;
  679. if (hiRes && hiRes.audio) {
  680. audio = hiRes.audio.baseUrl;
  681. } else if (dolby && dolby.audio) {
  682. audio = dolby.audio[0].base_url;
  683. } else if (dash.audio) {
  684. audio = dash.audio[0].baseUrl;
  685. }
  686. let i = 0;
  687. while (i < dash.video.length &&
  688. dash.video[i].id > quality) {
  689. i++;
  690. }
  691. video = dash.video[i].baseUrl;
  692. let id = dash.video[i].id;
  693. while (i < dash.video.length) {
  694. if (dash.video[i].id != id) {
  695. break;
  696. }
  697. if (dash.video[i].codecid == codecid) {
  698. video = dash.video[i].baseUrl;
  699. break;
  700. }
  701. i++;
  702. }
  703. return {
  704. video: video,
  705. audio: audio
  706. };
  707. }
  708. async getFlvOrMP4(aid, cid) {
  709. const url = `https://api.bilibili.com/x/player/playurl?qn=120&otype=json&fourk=1&fnver=0&fnval=128&avid=${aid}&cid=${cid}`;
  710. const response = await (await fetch(url, {
  711. method: 'GET',
  712. credentials: 'include'
  713. })).json();
  714. if (!response.data) {
  715. currentTryCount = MAX_TRY_COUNT;
  716. throw new Error(translation.requireLoginOrVip);
  717. }
  718. return response.data.durl[0].url;
  719. }
  720. async getSubtitle(avid, cid) {
  721. const url = `https://api.bilibili.com/x/player/wbi/v2?aid=${avid}&cid=${cid}`;
  722. const response = await (await fetch(url, {
  723. method: 'GET',
  724. credentials: 'include'
  725. })).json();
  726.  
  727. if (response.code === 0 && response.data.subtitle && response.data.subtitle.subtitles.length > 0) {
  728. let subtitles = response.data.subtitle.subtitles;
  729. let url = subtitles[0].subtitle_url;
  730. let lan = subtitles[0].lan;
  731. for (const subtitle of subtitles) {
  732. if (currentConfig.global.parser.bilibili.preferredSubtitle.startsWith("zh") &&
  733. subtitle.lan.startsWith("zh")) {
  734. url = subtitle.subtitle_url;
  735. lan = subtitle.lan;
  736. }
  737. if (subtitle.lan == currentConfig.subtitlePrefer) {
  738. url = subtitle.subtitle_url;
  739. lan = subtitle.lan;
  740. break;
  741. }
  742. }
  743. if (url) {
  744. return `https://www.lckp.top/common/bilibili/jsonToSrt/?url=https:${url}&lan=${lan}`;
  745. }
  746. }
  747. }
  748. },
  749. BILIBILI_LIVE: class Parser extends BaseParser {
  750. async execute() {
  751. await this.parseVideo();
  752. await this.parseTitle();
  753. await this.parseReferer();
  754. }
  755. async parseVideo() {
  756. let iframes = document.getElementsByTagName("iframe");
  757. let roomid = undefined;
  758. for (let iframe of iframes) {
  759. let roomids = iframe.src.match(
  760. /^https:\/\/live\.bilibili\.com.*(roomid=\d+|blanc\/\d+).*/
  761. );
  762. if (roomids && roomids[1]) {
  763. roomid = roomids[1].match(/\d+/)[0];
  764. break;
  765. }
  766. }
  767.  
  768. if (!roomid) {
  769. throw new Error('can not find roomid');
  770. }
  771.  
  772. const quality = currentConfig.global.parser.bilibiliLive.preferredQuality;
  773. const url = `https://api.live.bilibili.com/room/v1/Room/playUrl?quality=${quality}&cid=${roomid}`;
  774. const response = await (await fetch(url, {
  775. method: 'GET',
  776. credentials: 'include'
  777. })).json();
  778.  
  779. const durls = response.data.durl;
  780. const line = currentConfig.global.parser.bilibiliLive.preferredLine;
  781. let durl = durls[durls.length - 1];
  782. for (let index = 0; index < durls.length; index++) {
  783. if (line == index) {
  784. durl = durls[index];
  785. break;
  786. }
  787. }
  788. currentMedia.video = durl.url;
  789. }
  790. }
  791. };
  792.  
  793. function compress(str) {
  794. return btoa(String.fromCharCode(...pako.gzip(str)));
  795. };
  796.  
  797. function sleep(ms) {
  798. return new Promise((resolve) => setTimeout(resolve, ms));
  799. }
  800.  
  801. function loadConfig() {
  802. let config = GM_getValue('config');
  803. if (config) {
  804. if (config.global.version === defaultConfig.global.version) {
  805. return config;
  806. }
  807. console.log('更新配置 ......');
  808. config = updateConfig(defaultConfig, config);
  809. config.global.version = defaultConfig.global.version;
  810. } else {
  811. console.log('初始化配置 ......');
  812. config = JSON.parse(JSON.stringify(defaultConfig));
  813. for (const key in config.global.parser) {
  814. config.global.parser[key].regex = [];
  815. }
  816. }
  817. GM_setValue('config', config);
  818. return config;
  819. }
  820.  
  821. function updateConfig(defaultConfig, config) {
  822. function mergeDefaults(defaultObj, currentObj) {
  823. if (typeof defaultObj !== 'object' || defaultObj === null) {
  824. return currentObj !== undefined ? currentObj : defaultObj;
  825. }
  826.  
  827. if (Array.isArray(defaultObj)) {
  828. return Array.isArray(currentObj) ? currentObj : defaultObj;
  829. }
  830.  
  831. const merged = {};
  832. for (const key in defaultObj) {
  833. if (key === 'regex') {
  834. merged[key] = currentObj?. [key] || [];
  835. continue;
  836. }
  837. merged[key] = mergeDefaults(defaultObj[key], currentObj?. [key]);
  838. }
  839. return merged;
  840. }
  841.  
  842. const newConfig = mergeDefaults(defaultConfig, config);
  843. for (let index = 0; index < defaultConfig.players.length; index++) {
  844. const dp = defaultConfig.players[index];
  845. const np = newConfig.players[index];
  846. if (dp.name === np.name) {
  847. np.icon = dp.icon;
  848. np.readonly = dp.readonly;
  849. np.playEvent = dp.playEvent;
  850. } else {
  851. newConfig.players.unshift(dp);
  852. }
  853. }
  854.  
  855. return newConfig;
  856. }
  857.  
  858. function matchParser(parser, url) {
  859. for (const key in parser) {
  860. for (const regex of parser[key].regex) {
  861. if (!regex || regex.startsWith('#') || regex.startsWith('//')) {
  862. continue;
  863. }
  864. if (new RegExp(regex).test(url)) {
  865. console.log(`match parser regex: ${new RegExp(regex)}`);
  866. return new PARSER[key.replace(/[A-Z]/g, letter => `_${letter}`).toUpperCase()]();
  867. }
  868. }
  869. }
  870. }
  871.  
  872. // =================================== 按钮区域和设置页面 ===================================
  873.  
  874. const policy = window.trustedTypes.createPolicy('externalPlayer', {
  875. createHTML: (string, sink) => string,
  876. createScript: (input) => input
  877. })
  878.  
  879. const ID_PREFIX = 'LCKP-EP-2024';
  880. const FIRST_Z_INDEX = 999999999;
  881. const SECOND_Z_INDEX = FIRST_Z_INDEX - 1;
  882. const THIRD_Z_INDEX = SECOND_Z_INDEX - 1;
  883.  
  884. const COLORS = [{
  885. // 配色方案1
  886. PRIMARY: 'rgba(245, 166, 35, 1)',
  887. TEXT: 'rgba(90, 90, 90, 1)',
  888. TEXT_ACTIVE: 'rgba(255, 255, 255, 1)',
  889. WARNING: 'rgba(233, 78, 119, 1)',
  890. BORDER: 'rgba(243, 229, 213, 1)',
  891. }, {
  892. // 配色方案2
  893. PRIMARY: 'rgba(60, 179, 113, 1)',
  894. TEXT: 'rgba(47, 79, 79, 1)',
  895. TEXT_ACTIVE: 'rgba(255, 255, 255, 1)',
  896. WARNING: 'rgba(255, 111, 97, 1)',
  897. BORDER: 'rgba(204, 231, 208, 1)',
  898. }, {
  899. // 配色方案3
  900. PRIMARY: 'rgba(74, 144, 226, 1)',
  901. TEXT: 'rgba(51, 51, 51, 1)',
  902. TEXT_ACTIVE: 'rgba(255, 255, 255, 1)',
  903. WARNING: 'rgba(242, 95, 92, 1)',
  904. BORDER: 'rgba(217, 227, 240, 1)',
  905. }]
  906. const COLOR = COLORS[2];
  907.  
  908. var style;
  909. var buttonDiv;
  910. var toastDiv;
  911. var loadingDiv;
  912. var settingButton;
  913. var settingIframe;
  914. var loadingId;
  915. var isReloading = false;
  916.  
  917. function appendCss() {
  918. if (style) {
  919. return;
  920. }
  921. style = document.createElement('style');
  922. style.innerHTML = policy.createHTML(`
  923. #${ID_PREFIX}-toast-div {
  924. z-index: ${FIRST_Z_INDEX};
  925. position: fixed;
  926. top: 20px;
  927. left: 50%;
  928. transform: translate(-50%, 0);
  929. background-color: rgba(0, 0, 0, 0.8);
  930. color: white;
  931. font-size: 14px;
  932. padding: 10px 20px;
  933. border-radius: 5px;
  934. opacity: 0;
  935. transition: opacity 0.5s ease;
  936. display: none;
  937. letter-spacing: 1px;
  938. }
  939. #${ID_PREFIX}-loading-div {
  940. z-index: ${FIRST_Z_INDEX};
  941. display: none;
  942. position: fixed;
  943. bottom: 50%;
  944. left: 50%;
  945. transform: translate(-50%, -50%);
  946. background-color: rgba(0, 0, 0, 0);
  947. }
  948. #${ID_PREFIX}-loading-div div {
  949. width: 50px;
  950. height: 50px;
  951. background-color: ${COLOR.PRIMARY};
  952. border-radius: 0;
  953. -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  954. animation: sk-rotateplane 1.2s infinite ease-in-out;
  955. }
  956. @-webkit-keyframes sk-rotateplane {
  957. 0% {
  958. -webkit-transform: perspective(120px)
  959. }
  960. 50% {
  961. -webkit-transform: perspective(120px) rotateY(180deg)
  962. }
  963. 100% {
  964. -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
  965. }
  966. }
  967. @keyframes sk-rotateplane {
  968. 0% {
  969. transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  970. -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  971. }
  972. 50% {
  973. transform: perspective(120px) rotateX(-180deg) rotateY(0deg);
  974. -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(0deg)
  975. }
  976. 100% {
  977. transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  978. -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-180deg);
  979. }
  980. }
  981. #${ID_PREFIX}-button-div {
  982. z-index: ${THIRD_Z_INDEX};
  983. position: fixed;
  984. display: none;
  985. align-items: center;
  986. width: auto;
  987. height: auto;
  988. left: ${currentConfig.global.buttonXCoord}px;
  989. bottom: ${currentConfig.global.buttonYCoord}px;
  990. padding: 5px;
  991. border: 3px solid rgba(0, 0, 0, 0);
  992. border-radius: 5px;
  993. cursor: move;
  994. gap: 10px;
  995. background-color: rgba(0, 0, 0, 0);
  996. min-width: ${50 * currentConfig.global.buttonScale}px;
  997. min-height: ${50 * currentConfig.global.buttonScale}px;
  998. }
  999. #${ID_PREFIX}-button-div button {
  1000. color: white;
  1001. font-size: 20px;
  1002. font-weight: bold;
  1003. width: 50px;
  1004. height: 50px;
  1005. outline: none;
  1006. border: none;
  1007. border-radius: 50%;
  1008. cursor: pointer;
  1009. background-size: cover;
  1010. background-color: rgba(0, 0, 0, 0);
  1011. transition: opacity 0.5s ease, visibility 0s linear 0.5s;
  1012. }
  1013. #${ID_PREFIX}-button-div:hover {
  1014. background-color: rgb(255, 255, 255, 0.3) !important;
  1015. }
  1016. #${ID_PREFIX}-button-div:hover button {
  1017. visibility: visible !important;
  1018. transition: opacity 0.5s ease, visibility 0s;
  1019. }
  1020. #${ID_PREFIX}-button-div button:hover {
  1021. transform: scale(1.06);
  1022. box-shadow: 0px 0px 16px #e6e6e6;
  1023. }
  1024. #${ID_PREFIX}-setting-button {
  1025. visibility: hidden;
  1026. position: absolute;
  1027. right: ${-12 * currentConfig.global.buttonScale}px !important;
  1028. top: ${-12 * currentConfig.global.buttonScale}px !important;
  1029. width: ${25 * currentConfig.global.buttonScale}px !important;
  1030. height: ${25 * currentConfig.global.buttonScale}px !important;
  1031. background-image: url('data:image/svg+xml,<svg t="1731846507027" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4281" width="16" height="16"><path d="M616.533333 512.128c0-25.6-9.941333-49.536-28.16-67.669333a95.744 95.744 0 0 0-67.84-28.074667c-25.685333 0-49.706667 9.984-67.925333 28.074667a95.146667 95.146667 0 0 0-28.16 67.669333c0 25.6 10.069333 49.578667 28.16 67.712 18.218667 18.048 42.24 28.074667 67.925333 28.074667 25.642667 0 49.664-10.026667 67.84-28.074667 18.218667-18.133333 28.16-42.112 28.16-67.712z m-202.112 352.896l48-55.978667a309.290667 309.290667 0 0 0 99.029334 0l48 55.978667a27.52 27.52 0 0 0 30.208 7.978667l2.218666-0.768a380.074667 380.074667 0 0 0 118.186667-68.138667l1.834667-1.536a27.434667 27.434667 0 0 0 8.106666-30.037333l-24.746666-69.546667a298.666667 298.666667 0 0 0 49.322666-85.205333l72.874667-13.44a27.477333 27.477333 0 0 0 22.058667-22.101334l0.426666-2.304a384.64 384.64 0 0 0 0-135.936l-0.426666-2.304a27.477333 27.477333 0 0 0-22.058667-22.058666l-73.216-13.525334a302.293333 302.293333 0 0 0-49.194667-84.650666l25.002667-70.016a27.306667 27.306667 0 0 0-8.149333-30.037334l-1.834667-1.536a383.018667 383.018667 0 0 0-118.186667-68.138666l-2.218666-0.768a27.605333 27.605333 0 0 0-30.208 7.936l-48.512 56.661333a302.592 302.592 0 0 0-97.834667 0L414.592 159.146667a27.52 27.52 0 0 0-30.208-7.978667l-2.218667 0.768a381.056 381.056 0 0 0-118.186666 68.138667l-1.834667 1.536a27.434667 27.434667 0 0 0-8.106667 30.037333l24.96 69.973333a296.192 296.192 0 0 0-49.194666 84.693334l-73.216 13.525333a27.477333 27.477333 0 0 0-22.058667 22.058667l-0.426667 2.304a382.592 382.592 0 0 0 0 135.936l0.426667 2.304c2.048 11.221333 10.794667 20.053333 22.058667 22.101333l72.874666 13.44a300.672 300.672 0 0 0 49.365334 85.248l-24.832 69.504a27.306667 27.306667 0 0 0 8.149333 30.037333l1.834667 1.536a383.018667 383.018667 0 0 0 118.186666 68.138667l2.218667 0.768a27.733333 27.733333 0 0 0 30.037333-8.149333z m-44.8-352.853333A150.656 150.656 0 0 1 520.533333 361.642667a150.656 150.656 0 0 1 150.869334 150.442666A150.656 150.656 0 0 1 520.533333 662.613333a150.656 150.656 0 0 1-150.912-150.485333z" fill="${COLOR.PRIMARY}" p-id="4282"></path></svg>');
  1032. }
  1033. #${ID_PREFIX}-setting-iframe {
  1034. z-index: ${SECOND_Z_INDEX};
  1035. position: fixed;
  1036. width: 1000px;
  1037. height: 500px;
  1038. top: 50%;
  1039. left: 50%;
  1040. transform: translate(-50%, -50%);
  1041. border: none;
  1042. border-radius: 5px;
  1043. box-shadow: 0 0 16px rgba(0, 0, 0, 0.6);
  1044. background-color: #fff;
  1045. display: none;
  1046. }
  1047. `);
  1048. document.head.appendChild(style);
  1049. }
  1050.  
  1051. function appendToastDiv() {
  1052. const TOAST_DIV_ID = `${ID_PREFIX}-toast-div`;
  1053. if (document.getElementById(TOAST_DIV_ID)) {
  1054. return;
  1055. }
  1056. toastDiv = document.createElement('div');
  1057. toastDiv.id = TOAST_DIV_ID;
  1058. document.body.appendChild(toastDiv);
  1059. }
  1060.  
  1061. function showToast(message) {
  1062. toastDiv.textContent = message;
  1063. toastDiv.style.opacity = '0.9';
  1064. toastDiv.style.display = 'block';
  1065. setTimeout(() => {
  1066. toastDiv.style.opacity = '0';
  1067. toastDiv.style.display = 'none';
  1068. }, 5000);
  1069. }
  1070.  
  1071. function appendLoadingDiv() {
  1072. const LOADING_DIV_ID = `${ID_PREFIX}-loading-div`;
  1073. if (document.getElementById(LOADING_DIV_ID)) {
  1074. return;
  1075. }
  1076. loadingDiv = document.createElement('div');
  1077. loadingDiv.id = LOADING_DIV_ID;
  1078. loadingDiv.appendChild(document.createElement('div'));
  1079. document.body.appendChild(loadingDiv);
  1080. }
  1081.  
  1082. function showLoading(timeout) {
  1083. if (loadingId) {
  1084. clearTimeout(loadingId);
  1085. loadingId = undefined;
  1086. }
  1087. if (!timeout) {
  1088. timeout = 10000;
  1089. }
  1090. loadingDiv.style.display = 'block';
  1091. loadingId = setTimeout(() => {
  1092. if (loadingDiv.style.display === 'block') {
  1093. hideLoading();
  1094. showToast(translation.loadTimeout);
  1095. }
  1096. }, timeout);
  1097. }
  1098.  
  1099. function hideLoading() {
  1100. loadingDiv.style.display = 'none';
  1101. }
  1102.  
  1103. function appendButtonDiv() {
  1104. const BUTTON_DIV_ID = `${ID_PREFIX}-button-div`;
  1105. if (document.getElementById(BUTTON_DIV_ID)) {
  1106. return;
  1107. }
  1108. buttonDiv = document.createElement('div');
  1109. buttonDiv.id = BUTTON_DIV_ID;
  1110. buttonDiv.addEventListener('mousedown', (e) => {
  1111. if (e.target.tagName === 'BUTTON') {
  1112. return;
  1113. }
  1114. let offsetX = e.clientX - buttonDiv.getBoundingClientRect().left;
  1115. let offsetY = e.clientY - buttonDiv.getBoundingClientRect().top;
  1116.  
  1117. document.addEventListener('mouseup', mouseUpHandler);
  1118. document.addEventListener('mousemove', mouseMoveHandler);
  1119.  
  1120. function mouseUpHandler() {
  1121. buttonDiv.style.border = '3px solid rgba(0, 0, 0, 0)';
  1122. document.removeEventListener('mousemove', mouseMoveHandler);
  1123. document.removeEventListener('mouseup', mouseUpHandler);
  1124. }
  1125.  
  1126. function mouseMoveHandler(e) {
  1127. buttonDiv.style.border = `3px solid ${COLOR.PRIMARY}`;
  1128. let newX = e.clientX - offsetX;
  1129. let newY = e.clientY - offsetY;
  1130.  
  1131. const windowWidth = window.innerWidth;
  1132. const windowHeight = window.innerHeight;
  1133. const divWidth = buttonDiv.offsetWidth;
  1134. const divHeight = buttonDiv.offsetHeight;
  1135.  
  1136. if (newX < 0) newX = 0;
  1137. if (newX + divWidth > windowWidth) newX = windowWidth - divWidth;
  1138. if (newY < 0) newY = 0;
  1139. if (newY + divHeight > windowHeight) newY = windowHeight - divHeight;
  1140.  
  1141. newY = windowHeight - newY - divHeight;
  1142. buttonDiv.style.left = `${newX}px`;
  1143. buttonDiv.style.bottom = `${newY}px`;
  1144. currentConfig.global.buttonXCoord = newX;
  1145. currentConfig.global.buttonYCoord = newY;
  1146. GM_setValue('config', currentConfig);
  1147. }
  1148. });
  1149. document.body.appendChild(buttonDiv);
  1150.  
  1151. appendPlayButton();
  1152. appendSettingButton();
  1153.  
  1154. // 全屏隐藏
  1155. document.addEventListener("fullscreenchange", () => {
  1156. if (document.fullscreenElement) {
  1157. buttonDiv.style.display = "none";
  1158. } else {
  1159. if (currentParser) {
  1160. buttonDiv.style.display = "flex";
  1161. }
  1162. }
  1163. });
  1164. }
  1165.  
  1166. function appendPlayButton() {
  1167. if (!currentConfig.players) {
  1168. return;
  1169. }
  1170. var playButtonNeedAutoClick;
  1171. currentConfig.players.forEach(player => {
  1172. if (player.enable !== true) {
  1173. return;
  1174. }
  1175. const playButton = document.createElement('button');
  1176. if (player.icon) {
  1177. const image = new Image();
  1178. image.src = player.icon;
  1179. image.onload = () => playButton.style.backgroundImage = `url(${image.src})`;
  1180. image.onerror = () => {
  1181. playButton.style.backgroundColor = COLOR.PRIMARY;
  1182. playButton.textContent = player.name ? player.name.substring(0, 1) : 'P';
  1183. };
  1184. } else {
  1185. playButton.style.backgroundColor = COLOR.PRIMARY;
  1186. playButton.textContent = player.name ? player.name.substring(0, 1) : 'P';
  1187. }
  1188. playButton.style.width = `${player.iconSize * currentConfig.global.buttonScale}px`;
  1189. playButton.style.height = `${player.iconSize * currentConfig.global.buttonScale}px`;
  1190.  
  1191. // 自动隐藏
  1192. if (currentConfig.global.buttonVisibilityDuration == 0) {
  1193. playButton.style.visibility = 'hidden';
  1194. } else if (currentConfig.global.buttonVisibilityDuration > 0) {
  1195. setTimeout(() => {
  1196. playButton.style.visibility = 'hidden';
  1197. }, currentConfig.global.buttonVisibilityDuration);
  1198. }
  1199.  
  1200. playButton.addEventListener('click', async function () {
  1201. if (currentParser) {
  1202. currentParser.play(player);
  1203. } else {
  1204. showToast(translation.noMatchingParserFound);
  1205. }
  1206. });
  1207.  
  1208. buttonDiv.appendChild(playButton);
  1209. });
  1210. }
  1211.  
  1212. function appendSettingButton() {
  1213. settingButton = document.createElement('button');
  1214. settingButton.id = `${ID_PREFIX}-setting-button`;
  1215. settingButton.title = 'Ctrl + Alt + E';
  1216.  
  1217. settingButton.addEventListener('click', async () => {
  1218. await appendSettingIframe();
  1219. if (settingIframe.style.display === "block") {
  1220. settingIframe.style.display = "none";
  1221. } else {
  1222. settingIframe.contentWindow.postMessage({
  1223. defaultConfig: defaultConfig,
  1224. config: currentConfig
  1225. }, '*');
  1226. settingIframe.style.display = "block";
  1227. }
  1228. });
  1229. buttonDiv.appendChild(settingButton);
  1230.  
  1231. // 失去焦点隐藏设置页面
  1232. document.addEventListener('click', (event) => {
  1233. if (settingIframe && settingIframe.style.display === 'block' &&
  1234. !settingButton.contains(event.target) &&
  1235. !settingIframe.contains(event.target)) {
  1236. settingIframe.style.display = 'none';
  1237. }
  1238. });
  1239. }
  1240.  
  1241. async function appendSettingIframe() {
  1242. const SETTING_IFRAME_ID = `${ID_PREFIX}-setting-iframe`;
  1243. if (document.getElementById(SETTING_IFRAME_ID)) {
  1244. return;
  1245. }
  1246. settingIframe = document.createElement('iframe');
  1247. settingIframe.id = SETTING_IFRAME_ID;
  1248. let settingIframeHtml = `
  1249. <!DOCTYPE html>
  1250. <html lang="en">
  1251.  
  1252. <head>
  1253. <meta charset="UTF-8">
  1254. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  1255. <title>External Player</title>
  1256. <style>
  1257. :root {
  1258. --primary-color: ${COLOR.PRIMARY};
  1259. --text-color: ${COLOR.TEXT};
  1260. --text-active-color: ${COLOR.TEXT_ACTIVE};
  1261. --warning-color: ${COLOR.WARNING};
  1262. --border-color: ${COLOR.BORDER};
  1263. }
  1264.  
  1265. body {
  1266. display: flex;
  1267. flex-direction: row;
  1268. height: 100vh;
  1269. margin: 0;
  1270. }
  1271.  
  1272. body,
  1273. button,
  1274. input,
  1275. textarea,
  1276. select {
  1277. font-family: auto;
  1278. color: var(--text-color);
  1279. }
  1280.  
  1281. ::placeholder {
  1282. font-family: auto;
  1283. color: var(--text-color);
  1284. opacity: 0.2;
  1285. }
  1286.  
  1287. #sidebar-container {
  1288. display: none;
  1289. flex: 0 0 200px;
  1290. flex-direction: column;
  1291. background-color: #f4f4f4;
  1292. box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  1293. padding: 25px 20px 35px 20px;
  1294. }
  1295.  
  1296. #sidebar {
  1297. flex: 1;
  1298. overflow-y: auto;
  1299. position: relative;
  1300. border: none;
  1301. border-radius: 5px;
  1302. margin-bottom: 10px;
  1303. }
  1304.  
  1305. #sidebar::-webkit-scrollbar {
  1306. display: none !important;
  1307. }
  1308.  
  1309. .reset-button,
  1310. #add-tab-button,
  1311. #save-button,
  1312. #sidebar button {
  1313. width: 200px;
  1314. padding: 10px;
  1315. margin: 0 0 10px 0;
  1316. border: none;
  1317. border-radius: 5px;
  1318. background-color: #e0e0e0;
  1319. cursor: pointer;
  1320. font-size: 15px;
  1321. white-space: nowrap;
  1322. display: inline-flex;
  1323. position: relative;
  1324. align-items: center;
  1325. justify-content: center;
  1326. }
  1327.  
  1328. #add-tab-button,
  1329. #save-button {
  1330. background-color: var(--primary-color);
  1331. color: var(--text-active-color);
  1332. margin: 0;
  1333. }
  1334.  
  1335. #add-tab-button {
  1336. font-size: 25px;
  1337. line-height: 21.45px;
  1338. }
  1339.  
  1340. #add-tab-button:hover,
  1341. #save-button:hover {
  1342. opacity: 0.9;
  1343. }
  1344.  
  1345. #reset-button-coord-button {
  1346. padding: 7px 10px;
  1347. }
  1348.  
  1349. .reset-button {
  1350. margin: 0;
  1351. width: 80px;
  1352. background-color: var(--warning-color);
  1353. color: var(--text-active-color);
  1354. opacity: 0.6;
  1355. }
  1356.  
  1357. .reset-button:hover {
  1358. opacity: 0.8;
  1359. }
  1360.  
  1361. #sidebar button svg {
  1362. width: 20px !important;
  1363. height: 20px !important;
  1364. position: absolute;
  1365. left: 10px;
  1366. fill: var(--text-color);
  1367. }
  1368.  
  1369. #content .radio-button svg {
  1370. width: 20px !important;
  1371. height: 20px !important;
  1372. fill: var(--text-color);
  1373. }
  1374.  
  1375. #sidebar button.active svg,
  1376. #sidebar button:hover svg,
  1377. #content .radio-button.active svg,
  1378. #content .radio-button:hover svg {
  1379. fill: var(--text-active-color)
  1380. }
  1381.  
  1382. #sidebar button.active {
  1383. background-color: var(--primary-color);
  1384. color: var(--text-active-color);
  1385. }
  1386.  
  1387. #sidebar button:hover {
  1388. background-color: var(--primary-color);
  1389. color: var(--text-active-color);
  1390. }
  1391.  
  1392. #content-container {
  1393. display: none;
  1394. flex-direction: column;
  1395. flex: 1;
  1396. padding: 25px 20px 0 20px;
  1397. }
  1398.  
  1399. #content {
  1400. flex: 1;
  1401. padding: 20px;
  1402. overflow-y: auto;
  1403. position: relative;
  1404. border: 1px solid var(--border-color);
  1405. border-radius: 5px;
  1406. margin-bottom: 15px;
  1407. }
  1408.  
  1409. .tab {
  1410. display: none;
  1411. position: relative;
  1412. }
  1413.  
  1414. .tab.active {
  1415. display: block;
  1416. }
  1417.  
  1418. .input-group {
  1419. margin-bottom: 15px;
  1420. }
  1421.  
  1422. label {
  1423. display: flex;
  1424. margin-bottom: 5px;
  1425. font-weight: bold;
  1426. align-items: center;
  1427. }
  1428.  
  1429. input[type="number"] {
  1430. width: calc(100% - 16px);
  1431. font-size: 14px;
  1432. border-radius: 5px;
  1433. border: 1px solid var(--border-color);
  1434. margin-right: 15px;
  1435. padding: 8px;
  1436. }
  1437.  
  1438. input[type="text"],
  1439. input[type="search"],
  1440. textarea {
  1441. width: 100%;
  1442. min-width: 400px;
  1443. padding: 8px;
  1444. border: 1px solid var(--border-color);
  1445. border-radius: 5px;
  1446. font-size: 14px;
  1447. box-sizing: border-box;
  1448. }
  1449.  
  1450. textarea {
  1451. resize: vertical;
  1452. height: 160px;
  1453. }
  1454.  
  1455. .switch {
  1456. position: relative;
  1457. display: inline-block;
  1458. width: 54px;
  1459. height: 24px;
  1460. }
  1461.  
  1462. .switch input {
  1463. opacity: 0;
  1464. width: 0;
  1465. height: 0;
  1466. }
  1467.  
  1468. .switch-slider {
  1469. position: absolute;
  1470. cursor: pointer;
  1471. top: 0;
  1472. left: 0;
  1473. right: 0;
  1474. bottom: 0;
  1475. background-color: #ccc;
  1476. transition: 0.4s;
  1477. border-radius: 34px;
  1478. }
  1479.  
  1480. .switch-slider:before {
  1481. position: absolute;
  1482. content: "";
  1483. height: 16px;
  1484. width: 16px;
  1485. border-radius: 50%;
  1486. left: 4px;
  1487. bottom: 4px;
  1488. background-color: var(--text-active-color);
  1489. transition: 0.4s;
  1490. }
  1491.  
  1492. input:checked+.switch-slider {
  1493. background-color: var(--primary-color);
  1494. }
  1495.  
  1496. input:checked+.switch-slider:before {
  1497. transform: translateX(30px);
  1498. }
  1499.  
  1500. .remove-button {
  1501. position: absolute;
  1502. opacity: 0.9;
  1503. top: -10px;
  1504. right: 0;
  1505. background: var(--warning-color);
  1506. color: var(--text-active-color);
  1507. border: none;
  1508. padding: 5px 10px;
  1509. cursor: pointer;
  1510. border-radius: 5px;
  1511. font-size: 14px;
  1512. }
  1513.  
  1514. .remove-button:hover {
  1515. opacity: 1;
  1516. }
  1517.  
  1518. .radio-button-group,
  1519. .checkbox-group {
  1520. display: flex;
  1521. flex-wrap: wrap;
  1522. gap: 10px;
  1523. margin-bottom: 15px;
  1524. }
  1525.  
  1526. .radio-button,
  1527. .checkbox-group .chekbox-label {
  1528. padding: 8px 23.5px;
  1529. background-color: #e0e0e0;
  1530. cursor: pointer;
  1531. border-radius: 5px;
  1532. font-size: 14px;
  1533. font-weight: normal;
  1534. min-width: 100px;
  1535. display: inline-flex;
  1536. justify-content: center;
  1537. align-items: center;
  1538. gap: 10px;
  1539. height: 20px;
  1540. margin: 0;
  1541. }
  1542.  
  1543. .radio-button.active,
  1544. .checkbox-group input:checked+.chekbox-label {
  1545. background-color: var(--primary-color);
  1546. color: var(--text-active-color);
  1547. }
  1548.  
  1549. .radio-button:hover {
  1550. background-color: var(--primary-color);
  1551. color: var(--text-active-color);
  1552. }
  1553.  
  1554. .checkbox-group input[type="checkbox"] {
  1555. display: none;
  1556. }
  1557.  
  1558. #language {
  1559. padding: 8px;
  1560. border-radius: 5px;
  1561. cursor: pointer;
  1562. width: 100%;
  1563. border: 1px solid var(--border-color);
  1564. }
  1565.  
  1566. .parser {
  1567. border: 1px solid var(--border-color);
  1568. border-radius: 5px;
  1569. padding: 10px 20px;
  1570. }
  1571.  
  1572. .parser textarea {
  1573. margin-bottom: 10px;
  1574. resize: none;
  1575. }
  1576.  
  1577. a {
  1578. color: var(--text-color);
  1579. text-decoration: none;
  1580. font-weight: bold;
  1581. transition: color 0.3s ease, border-bottom 0.3s ease;
  1582. border-bottom: 2px solid transparent;
  1583. }
  1584.  
  1585. a:hover {
  1586. color: var(--primary-color);
  1587. border-bottom-color: var(--primary-color);
  1588. }
  1589.  
  1590. #tab-container {
  1591. flex: 1;
  1592. padding: 20px;
  1593. overflow-y: auto;
  1594. position: relative;
  1595. border: 1px solid var(--border-color);
  1596. border-radius: 5px;
  1597. margin-bottom: 10px;
  1598. }
  1599.  
  1600. :disabled {
  1601. opacity: 0.6;
  1602. }
  1603.  
  1604. div.disabled,
  1605. button:disabled {
  1606. pointer-events: none !important;
  1607. cursor: not-allowed !important;
  1608. }
  1609.  
  1610. .parser textarea:disabled {
  1611. height: 30px;
  1612. overflow-y: hidden;
  1613. line-height: 20px;
  1614. }
  1615.  
  1616. textarea:disabled::-webkit-scrollbar {
  1617. display: none;
  1618. }
  1619.  
  1620. ::-webkit-scrollbar {
  1621. width: 19px !important;
  1622. height: 19px !important;
  1623. }
  1624.  
  1625. ::-webkit-scrollbar-thumb {
  1626. background: var(--border-color) !important;
  1627. border-radius: 5px !important;
  1628. }
  1629.  
  1630. ::-webkit-scrollbar-thumb:hover {
  1631. background: var(--primary-color) !important;
  1632. }
  1633.  
  1634. ::-webkit-scrollbar-track {
  1635. background: rgb(245, 245, 245) !important;
  1636. border-radius: 5px !important;
  1637. }
  1638.  
  1639. select:focus,
  1640. input:focus,
  1641. textarea:focus {
  1642. border-color: var(--primary-color);
  1643. outline: none;
  1644. }
  1645.  
  1646. #footer {
  1647. font-size: 14px;
  1648. height: 35px;
  1649. display: flex;
  1650. justify-content: center;
  1651. align-items: center;
  1652. }
  1653.  
  1654. #footer svg {
  1655. width: 20px;
  1656. height: 20px;
  1657. margin-bottom: -3px;
  1658. }
  1659.  
  1660. #footer a,
  1661. #footer a:hover {
  1662. margin-left: 3px;
  1663. margin-right: 3px;
  1664. font-weight: normal;
  1665. border-bottom: none !important;
  1666. text-decoration: none !important;
  1667. }
  1668. </style>
  1669. </head>
  1670.  
  1671. <body>
  1672. <div id="sidebar-container">
  1673. <div id="sidebar">
  1674. <button id="global-button" class="tab-button active" data-tab="global">
  1675. <svg t="1732015880724" class="icon" viewBox="0 0 1024 1024" version="1.1"
  1676. xmlns="http://www.w3.org/2000/svg" p-id="4317" width="32" height="32">
  1677. <path
  1678. d="M386.35 112.05h-228.7c-25.2 0-45.7 20.5-45.7 45.7v228.5c0 25.2 20.4 45.7 45.6 45.8h228.6c25.2 0 45.7-20.4 45.8-45.6V157.65c0.1-25.2-20.4-45.6-45.6-45.6z"
  1679. p-id="4318"></path>
  1680. <path
  1681. d="M157.55 80.05h229c42.8 0 77.5 34.7 77.5 77.5v229c0 42.8-34.7 77.5-77.5 77.5h-229c-42.8 0-77.5-34.7-77.5-77.5v-229c0-42.8 34.7-77.5 77.5-77.5z m228.9 320.5c7.8 0 14.1-6.3 14.1-14.1v-229c0-7.8-6.3-14.1-14.1-14.1h-229c-7.8 0-14.1 6.3-14.1 14.1v229c0 7.8 6.3 14.1 14.1 14.1h229z"
  1682. p-id="4319"></path>
  1683. <path
  1684. d="M387.55 590.25h-231.1c-25.5 0-46.2 20.7-46.2 46.2v231.1c0 25.5 20.7 46.2 46.2 46.2h231.1c25.5 0 46.2-20.7 46.2-46.2v-231.1c0-25.5-20.7-46.2-46.2-46.2z"
  1685. p-id="4320"></path>
  1686. <path
  1687. d="M157.55 560.05h229c42.8 0 77.5 34.7 77.5 77.5v229c0 42.8-34.7 77.5-77.5 77.5h-229c-42.8 0-77.5-34.7-77.5-77.5v-229c0-42.8 34.7-77.5 77.5-77.5z m228.9 320.5c7.8 0 14.1-6.3 14.1-14.1v-229c0-7.8-6.3-14.1-14.1-14.1h-229c-7.8 0-14.1 6.3-14.1 14.1v229c0 7.8 6.3 14.1 14.1 14.1h229zM637.55 80.05h229c42.8 0 77.5 34.7 77.5 77.5v229c0 42.8-34.7 77.5-77.5 77.5h-229c-42.8 0-77.5-34.7-77.5-77.5v-229c0-42.8 34.7-77.5 77.5-77.5z m228.9 320.5c7.8 0 14.1-6.3 14.1-14.1v-229c0-7.8-6.3-14.1-14.1-14.1h-229c-7.8 0-14.1 6.3-14.1 14.1v229c0 7.8 6.3 14.1 14.1 14.1h229z"
  1688. p-id="4321"></path>
  1689. <path
  1690. d="M866.306 592.006h-228.6c-25.2 0-45.7 20.5-45.7 45.7v228.5c0 25.2 20.5 45.7 45.7 45.7h228.5c25.2 0 45.7-20.4 45.8-45.6v-228.6c0-25.2-20.5-45.7-45.7-45.7z"
  1691. p-id="4322"></path>
  1692. <path
  1693. d="M637.506 560.006h229c42.8 0 77.5 34.7 77.5 77.5v229c0 42.8-34.7 77.5-77.5 77.5h-229c-42.8 0-77.5-34.7-77.5-77.5v-229c0-42.8 34.7-77.5 77.5-77.5z m229 320.6c7.8 0 14.1-6.3 14.1-14.1v-229c0-7.8-6.3-14.1-14.1-14.1h-229c-7.8 0-14.1 6.3-14.1 14.1v229c0 7.8 6.3 14.1 14.1 14.1h229z"
  1694. p-id="4323"></path>
  1695. </svg>
  1696. <span data-translate="global">全局配置</span>
  1697. </button>
  1698. </div>
  1699. <button id="add-tab-button">+</button>
  1700. </div>
  1701.  
  1702. <div id="content-container">
  1703. <div id="content">
  1704. <div id="global" class="tab active">
  1705. <div class="input-group">
  1706. <label data-translate="version">版本</label>
  1707. <input type="text" id="version" readonly></input>
  1708. </div>
  1709. <div class="input-group">
  1710. <label data-translate="language">语言</label>
  1711. <select id="language">
  1712. <option value="zh" selected>中文</option>
  1713. <option value="en">English</option>
  1714. </select>
  1715. </div>
  1716. <div class="input-group">
  1717. <label data-translate="buttonCoord">按钮坐标</label>
  1718. <label>
  1719. <input type="number" id="buttonXCoord" min="0" placeholder="0">
  1720. <input type="number" id="buttonYCoord" min="0" placeholder="0">
  1721. <button id="reset-button-coord-button" class="reset-button" data-translate="reset">重置</button>
  1722. </label>
  1723. </div>
  1724. <div class="input-group">
  1725. <label data-translate="buttonScale">按钮比例</label>
  1726. <input type="number" id="buttonScale" min="0.01" max="10" step="0.01" placeholder="1.00">
  1727. </div>
  1728. <div class="input-group">
  1729. <label data-translate="buttonVisibilityDuration">按钮可见时长(毫秒,-1:一直可见)</label>
  1730. <input type="number" id="buttonVisibilityDuration" min="-1" placeholder="3000">
  1731. </div>
  1732. <div class="input-group">
  1733. <label data-translate="networkProxy">网络代理</label>
  1734. <input type="text" id="networkProxy" placeholder="http://127.0.0.1:7890"></input>
  1735. </div>
  1736. <label data-translate="parser">解析器</label>
  1737. <div class="input-group parser" id="ytdlp">
  1738. <label><a href="https://github.com/yt-dlp/yt-dlp" target="_blank">YTDLP</a></label>
  1739. <textarea name="regex" disabled></textarea>
  1740. <textarea name="regex"></textarea>
  1741. <label data-translate="preferredQuality">首选画质</label>
  1742. <div class="radio-button-group" name="preferredQuality">
  1743. <div class="radio-button active" value="unlimited" data-translate="unlimited">无限制</div>
  1744. <div class="radio-button" value="2160">2160P</div>
  1745. <div class="radio-button" value="1440">1440P</div>
  1746. <div class="radio-button" value="1080">1080P</div>
  1747. <div class="radio-button" value="720">720P</div>
  1748. </div>
  1749. </div>
  1750. <div class="input-group parser" id="video">
  1751. <label><a href="https://github.com/LuckyPuppy514/external-player" target="_blank">VIDEO</a></label>
  1752. <textarea name="regex" disabled></textarea>
  1753. <textarea name="regex"></textarea>
  1754. </div>
  1755. <div class="input-group parser" id="url">
  1756. <label><a href="https://github.com/LuckyPuppy514/external-player" target="_blank">URL</a></label>
  1757. <textarea name="regex" disabled></textarea>
  1758. <textarea name="regex"></textarea>
  1759. </div>
  1760. <div class="input-group parser" id="html">
  1761. <label><a href="https://github.com/LuckyPuppy514/external-player" target="_blank">HTML</a></label>
  1762. <textarea name="regex" disabled></textarea>
  1763. <textarea name="regex"></textarea>
  1764. </div>
  1765. <div class="input-group parser" id="script">
  1766. <label><a href="https://github.com/LuckyPuppy514/external-player" target="_blank">SCRIPT</a></label>
  1767. <textarea name="regex" disabled></textarea>
  1768. <textarea name="regex"></textarea>
  1769. </div>
  1770. <div class="input-group parser" id="request">
  1771. <label><a href="https://github.com/LuckyPuppy514/external-player"
  1772. target="_blank">REQUEST</a></label>
  1773. <textarea name="regex" disabled></textarea>
  1774. <textarea name="regex"></textarea>
  1775. </div>
  1776. <div class="input-group parser" id="bilibili">
  1777. <label><a href="https://github.com/SocialSisterYi/bilibili-API-collect"
  1778. target="_blank">BILIBILI</a></label>
  1779. <textarea name="regex" disabled></textarea>
  1780. <textarea name="regex" style="display: none;"></textarea>
  1781. <label data-translate="preferredQuality">首选画质</label>
  1782. <div class="radio-button-group" name="preferredQuality">
  1783. <div class="radio-button active" value="127" data-translate="unlimited">无限制</div>
  1784. <div class="radio-button" value="126">2160P</div>
  1785. <div class="radio-button" value="116">1080P</div>
  1786. <div class="radio-button" value="74">720P</div>
  1787. </div>
  1788. <label data-translate="preferredSubtitle">首选字幕</label>
  1789. <div class="radio-button-group" name="preferredSubtitle">
  1790. <div class="radio-button active" value="off" data-translate="off">关闭</div>
  1791. <div class="radio-button" value="zh-Hans">简体</div>
  1792. <div class="radio-button" value="zh-Hant">繁体</div>
  1793. <div class="radio-button" value="en-US">English</div>
  1794. </div>
  1795. <label data-translate="preferredCodec">首选编码</label>
  1796. <div class="radio-button-group" name="preferredCodec">
  1797. <div class="radio-button active" value="12">HEVC</div>
  1798. <div class="radio-button" value="13">AV1</div>
  1799. <div class="radio-button" value="7">AVC</div>
  1800. </div>
  1801. </div>
  1802. <div class="input-group parser" id="bilibiliLive">
  1803. <label><a href="https://github.com/SocialSisterYi/bilibili-API-collect" target="_blank">BILIBILI
  1804. LIVE</a></label>
  1805. <textarea name="regex" disabled></textarea>
  1806. <textarea name="regex" style="display: none;"></textarea>
  1807. <label data-translate="preferredQuality">首选画质</label>
  1808. <div class="radio-button-group" name="preferredQuality">
  1809. <div class="radio-button active" value="4" data-translate="original">原画</div>
  1810. <div class="radio-button active" value="3" data-translate="hd">高清</div>
  1811. <div class="radio-button active" value="2" data-translate="smooth">流畅</div>
  1812. </div>
  1813. <label data-translate="preferredLine">首选线路</label>
  1814. <div class="radio-button-group" name="preferredLine">
  1815. <div class="radio-button active" value="0" data-translate="mainLine">主线</div>
  1816. <div class="radio-button active" value="1" data-translate="backupLine1">备线1</div>
  1817. <div class="radio-button active" value="2" data-translate="backupLine2">备线2</div>
  1818. <div class="radio-button active" value="3" data-translate="backupLine3">备线3</div>
  1819. </div>
  1820. </div>
  1821. </div>
  1822. </div>
  1823.  
  1824. <div style="margin: 0 auto;">
  1825. <button id="save-button" data-translate="save">保存</button>
  1826. <button id="reset-button" class="reset-button" data-translate="reset">重置</button>
  1827. </div>
  1828.  
  1829. <div id="footer">
  1830. <span>
  1831. <a href="https://github.com/LuckyPuppy514" target="_blank">
  1832. &copy 2024 LuckyPuppy514
  1833. </a>
  1834. <svg t="1731923678389" class="icon" viewBox="0 0 1024 1024" version="1.1"
  1835. xmlns="http://www.w3.org/2000/svg" p-id="5894" width="32" height="32">
  1836. <path
  1837. d="M20.48 503.72608c0 214.4256 137.4208 396.73856 328.94976 463.6672 25.8048 6.5536 21.87264-11.8784 21.87264-24.33024v-85.07392c-148.93056 17.44896-154.86976-81.1008-164.94592-97.52576-20.23424-34.52928-67.91168-43.33568-53.69856-59.76064 33.91488-17.44896 68.48512 4.42368 108.46208 63.61088 28.95872 42.88512 85.44256 35.6352 114.15552 28.4672a138.8544 138.8544 0 0 1 38.0928-66.7648c-154.25536-27.60704-218.60352-121.77408-218.60352-233.79968 0-54.31296 17.94048-104.2432 53.0432-144.54784-22.36416-66.43712 2.08896-123.24864 5.3248-131.6864 63.81568-5.7344 130.00704 45.6704 135.168 49.68448 36.2496-9.78944 77.57824-14.9504 123.82208-14.9504 46.4896 0 88.064 5.3248 124.5184 15.23712 12.288-9.4208 73.80992-53.53472 133.12-48.128 3.15392 8.43776 27.0336 63.93856 6.02112 129.4336 35.59424 40.38656 53.69856 90.76736 53.69856 145.24416 0 112.18944-64.7168 206.4384-219.42272 233.71776a140.0832 140.0832 0 0 1 41.7792 99.9424v123.4944c0.86016 9.87136 0 19.6608 16.50688 19.6608 194.31424-65.49504 334.2336-249.15968 334.2336-465.5104C1002.57792 232.48896 782.66368 12.77952 511.5904 12.77952 240.18944 12.65664 20.48 232.40704 20.48 503.72608z"
  1838. fill="#000000" opacity=".65" p-id="5895"></path>
  1839. </svg>
  1840. <a href="https://github.com/LuckyPuppy514/external-player" target="_blank">
  1841. Powered by External Player
  1842. </a>
  1843. </span>
  1844. </div>
  1845. </div>
  1846. </body>
  1847. <script>
  1848. const translations = {
  1849. en: {
  1850. global: 'Global Config',
  1851. version: 'Version',
  1852. language: 'Language',
  1853. buttonCoord: 'Button Coord',
  1854. buttonScale: 'Button Scale',
  1855. buttonVisibilityDuration: 'Button Visibility Duration (ms, -1: Keep Visible)',
  1856. networkProxy: 'Network Proxy',
  1857. reset: 'Reset',
  1858. save: 'Save',
  1859. delete: 'Delete',
  1860. name: 'Name',
  1861. system: 'System',
  1862. icon: 'Icon',
  1863. iconSize: 'Icon Size',
  1864. playEvent: 'Play Event',
  1865. enable: 'Enable',
  1866. parser: 'Parser',
  1867. preferredQuality: 'Preferred Quality',
  1868. preferredSubtitle: 'Preferred Subtitle',
  1869. preferredCodec: 'Preferred Codec',
  1870. preferredLine: 'Preferred Line',
  1871. original: 'Original',
  1872. hd: 'HD',
  1873. smooth: 'Smooth',
  1874. mainLine: 'Main',
  1875. backupLine1: 'Backup 1',
  1876. backupLine2: 'Backup 2',
  1877. backupLine3: 'Backup 3',
  1878. unlimited: 'Unlimited',
  1879. off: 'OFF'
  1880. },
  1881. zh: {
  1882. global: '全局配置',
  1883. version: '版本',
  1884. language: '语言',
  1885. buttonCoord: '按钮坐标',
  1886. buttonScale: '按钮比例',
  1887. buttonVisibilityDuration: '按钮可见时长(毫秒,-1:一直可见)',
  1888. networkProxy: '网络代理',
  1889. reset: '重置',
  1890. save: '保存',
  1891. delete: '删除',
  1892. name: '名称',
  1893. system: '系统',
  1894. icon: '图标',
  1895. iconSize: '图标大小',
  1896. playEvent: '播放事件',
  1897. enable: '启用',
  1898. parser: '解析器',
  1899. preferredQuality: '首选画质',
  1900. preferredSubtitle: '首选字幕',
  1901. preferredCodec: '首选编码',
  1902. preferredLine: '首选线路',
  1903. original: '原画',
  1904. hd: '高清',
  1905. smooth: '流畅',
  1906. mainLine: '主线',
  1907. backupLine1: '备线1',
  1908. backupLine2: '备线2',
  1909. backupLine3: '备线3',
  1910. unlimited: '无限制',
  1911. off: '关闭',
  1912. }
  1913. };
  1914.  
  1915. const SYSTEM_SVG = {
  1916. windows: '<svg t="1732017849573" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5376" width="32" height="32"><path d="M523.8 191.4v288.9h382V128.1zM523.8 833.6l382 62.2v-352h-382zM120.1 480.2H443V201.9l-322.9 53.5zM120.1 770.6L443 823.2V543.8H120.1z" p-id="5377"></path></svg>',
  1917. linux: '<svg t="1732017810402" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4326" width="32" height="32"><path d="M834.198588 918.588235c-30.659765 15.661176-71.559529 50.115765-86.618353 64.572236-11.324235 10.782118-58.066824 16.203294-84.449882 2.710588-30.659765-15.661176-14.516706-40.417882-61.861647-41.923765-23.672471-0.602353-46.802824-0.602353-69.933177-0.602353-20.419765 0.602353-40.839529 1.626353-61.861647 2.108235-70.957176 1.626353-77.944471 47.405176-123.723294 45.778824-31.201882-1.084235-70.415059-25.840941-138.24-39.755294-47.344941-9.758118-93.003294-12.348235-102.761412-33.370353-9.637647-21.022118 11.866353-44.634353 13.432471-65.054118 1.626353-27.467294-20.419765-64.572235-4.276706-78.607059 13.974588-12.348235 43.550118-3.252706 62.885647-13.914352 20.419765-11.806118 29.033412-21.022118 29.033412-46.260706 7.529412 25.720471-0.542118 46.682353-17.227294 56.922353-10.24 6.445176-29.033412 9.697882-44.694588 8.131764-12.348235-1.144471-19.877647 0.481882-23.130353 5.360941-4.818824 5.903059-3.252706 16.685176 2.710588 30.659765 5.903059 13.974588 12.890353 23.130353 11.806118 40.297412-0.542118 17.227294-19.877647 37.707294-16.624942 52.224 1.084235 5.421176 6.445176 10.24 19.877647 13.974588 21.504 5.903059 60.777412 11.806118 98.966589 21.022118 42.526118 10.721882 86.618353 30.057412 114.085647 26.322823 81.739294-11.324235 34.936471-98.966588 22.046117-119.868235-69.391059-108.724706-115.109647-179.681882-151.67247-151.732706-9.155765 7.529412-9.697882-18.311529-9.155765-28.551529 1.626353-35.538824 19.395765-48.368941 30.117647-75.836236 20.419765-52.224 36.020706-111.856941 67.222588-142.516705 23.311059-30.177882 59.873882-79.088941 66.921412-104.869647-5.963294-55.958588-7.589647-115.109647-8.613647-166.671059-1.084235-55.416471 7.529412-103.905882 69.933177-137.697883C453.391059 33.310118 473.268706 30.117647 494.290824 30.117647c37.104941-0.602353 78.486588 10.24 104.869647 29.575529 41.984 31.201882 68.306824 97.340235 65.114353 144.624942-2.168471 37.104941 4.276706 75.294118 16.143058 115.109647 13.974588 46.802824 36.080941 79.570824 71.55953 117.217882 42.526118 45.176471 75.836235 133.903059 85.534117 190.343529 8.613647 52.826353-3.252706 85.594353-14.516705 87.220706-17.227294 2.590118-27.949176 56.922353-81.739295 54.814118-34.394353-1.626353-37.647059-22.046118-47.344941-39.815529-15.600941-27.407059-31.201882-18.793412-37.104941 10.24-3.252706 14.516706-1.144471 36.080941 3.734588 52.103529 9.697882 33.912471 6.445176 65.656471 0.542118 104.929882-11.324235 74.209882 52.163765 88.184471 94.689882 52.645647 41.923765-34.876235 51.079529-40.297412 103.785412-58.608941 80.112941-27.467294 53.248-51.621647 10.179765-66.138353-38.731294-12.950588-40.297412-78.064941-26.383059-90.413176 3.252706 69.933176 39.815529 80.173176 54.874353 89.810823 66.138353 41.020235-24.756706 74.932706-64.030118 94.810353z m-90.352941-259.734588c14.516706-48.489412 8.071529-67.764706-1.566118-113.543529-7.529412-34.394353-39.273412-81.257412-64.030117-95.713883 6.445176 5.360941 18.311529 20.961882 30.659764 44.574118 21.504 40.417882 43.008 100.050824 29.033412 149.564235-5.360941 19.275294-18.251294 21.985882-26.864941 22.528-37.647059 4.336941-15.600941-45.176471-31.201882-112.338823-17.769412-75.354353-36.020706-80.715294-40.297412-86.618353-22.166588-97.822118-46.320941-88.124235-53.368471-124.687059-5.903059-32.828235 28.551529-59.693176-18.251294-68.848941-14.516706-2.710588-34.936471-17.227294-43.008-18.31153-8.071529-1.024-12.408471-54.332235 17.709177-55.958588 29.575529-2.168471 34.996706 33.370353 29.575529 47.405177-8.553412 13.914353 0.542118 19.335529 15.119059 14.45647 11.806118-3.734588 4.276706-34.936471 6.987294-39.213176-7.529412-45.176471-26.383059-51.621647-45.718588-55.416471-74.270118 5.903059-40.899765 87.702588-48.429177 80.173177-10.782118-11.324235-41.923765-1.084235-41.923764-8.131765 0.542118-41.923765-13.492706-66.138353-32.828236-66.680471-21.504-0.542118-30.117647 29.575529-31.201882 46.742589-1.626353 16.143059 9.155765 50.115765 17.227294 47.405176 5.360941-1.626353 14.516706-12.408471 4.818824-11.806118-4.818824 0-12.348235-11.866353-13.432471-25.840941-0.542118-14.034824 4.879059-28.009412 23.130353-27.467294 20.961882 0.542118 20.961882 42.465882 18.793412 44.092235-6.927059 4.818824-15.600941 14.034824-16.685177 15.600942-6.927059 11.324235-20.359529 14.456471-25.780706 19.395764-9.155765 9.637647-11.264 20.419765-4.276705 24.154353 24.696471 13.974588 16.624941 30.057412 51.079529 31.262118 22.588235 1.084235 39.213176-3.252706 54.874353-8.07153 11.806118-3.734588 50.055529-11.806118 58.066823-25.840941 3.734588-5.903059 8.071529-5.903059 10.721883-4.276706 5.360941 2.650353 6.445176 12.890353-6.987294 16.143059-18.793412 5.421176-37.647059 15.661176-54.814118 22.106353-16.685176 6.927059-22.046118 9.637647-37.647059 12.288-35.478588 6.445176-61.801412-12.890353-38.189176 10.24 8.071529 7.529412 15.600941 12.348235 36.020706 11.866353 45.176471-1.626353 95.232-56.018824 100.050823-31.804235 1.024 5.360941-14.034824 11.806118-25.840941 17.769412-41.923765 20.419765-71.499294 61.319529-98.424471 47.284705-24.214588-12.890353-48.368941-72.643765-47.887058-45.658353 0.542118 41.381647-54.332235 77.944471-29.033412 125.289412-16.685176 4.216471-53.790118 83.365647-59.151059 124.205177-3.252706 23.672471 2.168471 52.705882-3.794824 68.848941-8.071529 23.672471-44.634353-22.588235-32.768-79.028706 2.108235-9.637647 0-11.866353-2.710588-6.927059-14.516706 26.322824-6.445176 63.427765 5.360941 89.208471 4.879059 11.324235 17.227294 16.143059 26.383059 25.840941 18.793412 21.443765 93.003294 76.378353 105.953883 89.810823a33.008941 33.008941 0 0 1-22.588236 55.898353c17.769412 33.370353 34.936471 36.623059 34.454588 90.895059 20.419765-10.721882 12.408471-34.394353 3.734589-49.392941-5.963294-10.842353-13.432471-15.661176-11.866353-18.311529 1.084235-1.626353 11.866353-10.842353 17.769412-3.734589 18.251294 20.419765 52.705882 24.154353 89.268705 19.33553 37.104941-4.336941 76.920471-17.227294 95.171765-46.802824 8.613647-13.974588 14.516706-18.793412 18.31153-16.143059 4.276706 2.108235 5.963294 11.806118 5.360941 27.949177-0.542118 17.227294-7.529412 34.996706-12.348236 49.513412-4.879059 16.685176-6.445176 27.949176 9.697883 28.551529 4.276706-30.177882 12.890353-59.753412 15.058823-89.871059 2.710588-34.394353-22.046118-97.822118 4.879059-129.626353 6.987294-8.613647 15.540706-9.637647 27.407059-9.637647 1.566118-43.068235 67.764706-39.755294 89.810823-22.046117 0-9.758118-20.961882-18.853647-29.575529-22.648471zM304.971294 503.988706c-3.794824 6.927059-13.432471 12.288-5.963294 13.43247 2.710588 0.542118 10.24-6.023529 13.492706-13.43247 2.650353-9.155765 5.360941-14.034824 1.084235-15.661177-4.879059-1.566118-3.794824 8.071529-8.613647 15.661177z m123.120941-291.538824c-6.445176-1.626353-5.360941 8.011294-2.108235 6.987294 2.168471 0 4.879059 3.252706 3.734588 8.07153-1.084235 6.445176-0.542118 10.842353 4.336941 10.842353 0.542118 0 1.566118 0 1.566118-1.626353 2.228706-13.552941-4.276706-23.190588-7.529412-24.274824z m14.576941 49.453177c-5.360941 0.542118-4.336941-11.866353 12.890353-10.782118-10.782118 1.084235-6.987294 10.782118-12.890353 10.782118z m44.092236-9.155765c15.600941-6.927059 20.961882 3.794824 15.600941 5.963294-5.421176 1.566118-5.963294-8.673882-15.600941-5.963294z m65.054117-43.550118c-6.987294 0.602353-4.818824 3.734588-1.566117 4.818824 4.276706 1.204706 8.613647 8.673882 9.697882 16.685176 0 1.084235 5.360941-1.084235 5.360941-2.710588 0.481882-12.830118-10.782118-19.275294-13.492706-18.793412z m31.201883-116.133647c-4.276706-4.336941-8.613647-8.131765-12.890353-8.131764-10.782118 1.084235-5.421176 12.348235-6.987294 17.769411-2.168471 5.903059-10.179765 10.782118-4.818824 15.058824 4.879059 3.734588 8.071529-5.903059 18.31153-9.637647 2.650353-1.144471 15.058824 0.481882 17.709176-5.421177 0.481882-2.710588-6.445176-5.903059-11.324235-9.637647z m59.693176 237.628236c-10.179765-6.384941-12.348235-17.167059-16.082823-13.432471-11.324235 12.348235 13.974588 38.189176 24.69647 40.417882 6.445176 1.084235 11.324235-7.589647 9.697883-15.119058-2.168471-10.179765-9.697882-6.445176-18.31153-11.866353z" p-id="4327"></path></svg>',
  1918. mac: '<svg t="1731999754869" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7764" width="32" height="32"><path d="M849.124134 704.896288c-1.040702 3.157923-17.300015 59.872622-57.250912 118.190843-34.577516 50.305733-70.331835 101.018741-126.801964 101.909018-55.532781 0.976234-73.303516-33.134655-136.707568-33.134655-63.323211 0-83.23061 32.244378-135.712915 34.110889-54.254671 2.220574-96.003518-54.951543-130.712017-105.011682-70.934562-102.549607-125.552507-290.600541-52.30118-416.625816 36.040844-63.055105 100.821243-103.135962 171.364903-104.230899 53.160757-1.004887 103.739712 36.012192 136.028093 36.012192 33.171494 0 94.357018-44.791136 158.90615-38.089503 27.02654 1.151219 102.622262 11.298324 151.328567 81.891102-3.832282 2.607384-90.452081 53.724599-89.487104 157.76107C739.079832 663.275355 847.952448 704.467523 849.124134 704.896288M633.69669 230.749408c29.107945-35.506678 48.235584-84.314291 43.202964-132.785236-41.560558 1.630127-92.196819 27.600615-122.291231 62.896492-26.609031 30.794353-50.062186 80.362282-43.521213 128.270409C557.264926 291.935955 604.745311 264.949324 633.69669 230.749408" p-id="7765"></path></svg>'
  1919. };
  1920.  
  1921. const policy = window.trustedTypes.createPolicy('default', {
  1922. createHTML: (string, sink) => string
  1923. })
  1924.  
  1925. var defaultConfig;
  1926. var tabCount = 0;
  1927.  
  1928. function translatePage(language) {
  1929. const trans = translations[language];
  1930. document.querySelectorAll('[data-translate]').forEach(el => {
  1931. el.textContent = trans[el.getAttribute('data-translate')] || el.textContent;
  1932. });
  1933. }
  1934.  
  1935. function createTab(tabId, tabName = \`Player \${tabCount}\`, config = {}) {
  1936. const tabButton = document.createElement('button');
  1937. tabButton.className = 'tab-button';
  1938. tabButton.textContent = tabName;
  1939. tabButton.dataset.tab = tabId;
  1940. sidebar.insertBefore(tabButton, document.getElementById('global-button').nextSibling);
  1941.  
  1942. const tab = document.createElement('div');
  1943. tab.id = tabId;
  1944. tab.name = tabName;
  1945. tab.className = 'tab';
  1946. tab.setAttribute('readonly', config.readonly === true)
  1947. const disabled = config.readonly === true ? 'disabled' : '';
  1948. config.presetEvent = config.presetEvent || {
  1949. pauseAuto: true
  1950. };
  1951. tab.innerHTML = policy.createHTML(\`
  1952. <div class="header">
  1953. <button class="remove-button" data-translate="delete" \${disabled}>删除</button>
  1954. </div>
  1955. <div class="input-group">
  1956. <label data-translate="name">名称</label>
  1957. <input type="text" value="\${config.name || tabName}" name="name" placeholder="\${tabName}" required \${disabled}>
  1958. </div>
  1959. <div class="input-group">
  1960. <label data-translate="system">系统</label>
  1961. <div class="radio-button-group" name="system">
  1962. <div class="radio-button active \${disabled}" value="windows">\${SYSTEM_SVG.windows} Windows</div>
  1963. <div class="radio-button \${disabled}" value="linux">\${SYSTEM_SVG.linux} Linux</div>
  1964. <div class="radio-button \${disabled}" value="mac">\${SYSTEM_SVG.mac} Mac</div>
  1965. </div>
  1966. </div>
  1967. <div class="input-group">
  1968. <label data-translate="iconSize">图标大小</label>
  1969. <input type="number" value="\${config.iconSize || 50}" name="iconSize" min="1" required>
  1970. </div>
  1971. <div class="input-group">
  1972. <label data-translate="icon">图标</label>
  1973. <input type="search" value="\${config.icon || ''}" name="icon" required>
  1974. </div>
  1975. <div class="input-group">
  1976. <label data-translate="presetEvent">预设事件</label>
  1977. <div class="checkbox-group">
  1978. <input type="checkbox" id="\${tabId}-play-auto" name="playAuto" \${config.presetEvent.playAuto ? 'checked' : ''}/>
  1979. <label for="\${tabId}-play-auto" data-translate="playAuto" class="chekbox-label">自动播放</label>
  1980. <input type="checkbox" id="\${tabId}-pause-auto" name="pauseAuto" \${config.presetEvent.pauseAuto ? 'checked' : ''}/>
  1981. <label for="\${tabId}-pause-auto" data-translate="pauseAuto" class="chekbox-label">自动暂停</label>
  1982. <input type="checkbox" id="\${tabId}-close-auto" name="closeAuto" \${config.presetEvent.closeAuto ? 'checked' : ''}/>
  1983. <label for="\${tabId}-close-auto" data-translate="closeAuto" class="chekbox-label">自动关闭</label>
  1984. </div>
  1985. </div>
  1986. <div class="input-group">
  1987. <label data-translate="playEvent">播放事件</label>
  1988. <textarea class="tab-textarea" wrap="off" \${disabled} name="playEvent">\${config.playEvent || ''}</textarea>
  1989. </div>
  1990. <div class="input-group">
  1991. <label data-translate="enable">启用</label>
  1992. <label class="switch">
  1993. <input type="checkbox" class="tab-switch" \${config.enable || config.enable === undefined ? 'checked' : ''} name="enable"><span class="switch-slider"></span>
  1994. </label>
  1995. </div>
  1996. \`);
  1997. content.appendChild(tab);
  1998.  
  1999. tab.querySelector('.remove-button').onclick = () => {
  2000. const previousElement = tabButton.previousElementSibling;
  2001. sidebar.removeChild(tabButton);
  2002. content.removeChild(tab);
  2003. activateTab(previousElement.getAttribute('data-tab'));
  2004. };
  2005.  
  2006. const nameInput = tab.querySelector('[name="name"]');
  2007. nameInput.oninput = () => {
  2008. tabButton.innerHTML = SYSTEM_SVG[tab.querySelector('[name=system] .active').getAttribute('value')] + (
  2009. nameInput.value || tabName);
  2010. };
  2011.  
  2012. config.system = config.system || 'windows';
  2013. tab.querySelectorAll('[name=system]').forEach(radioButtonGroup => {
  2014. const radioButtons = radioButtonGroup.querySelectorAll('.radio-button');
  2015. radioButtons.forEach(radioButton => {
  2016. radioButton.onclick = () => {
  2017. radioButtons.forEach(btn => btn.classList.remove('active'));
  2018. radioButton.classList.add('active');
  2019. tabButton.innerHTML = SYSTEM_SVG[radioButton.getAttribute('value')] + (nameInput
  2020. .value || tabName);
  2021. };
  2022. if (radioButton.getAttribute('value') === config.system) {
  2023. radioButton.classList.add('active');
  2024. tabButton.innerHTML = SYSTEM_SVG[radioButton.getAttribute('value')] + (nameInput
  2025. .value || tabName);
  2026. } else {
  2027. radioButton.classList.remove('active');
  2028. }
  2029. });
  2030. })
  2031.  
  2032. tabButton.onclick = () => activateTab(tabId);
  2033.  
  2034. activateTab(tabId);
  2035. }
  2036.  
  2037. function activateTab(tabId) {
  2038. document.querySelectorAll('.tab').forEach(tab => tab.classList.remove('active'));
  2039. document.querySelectorAll('.tab-button').forEach(btn => btn.classList.remove('active'));
  2040. document.getElementById(tabId).classList.add('active');
  2041. document.querySelector(\`[data-tab="\${tabId}"]\`).classList.add('active');
  2042. document.querySelector('#content').scrollTop = 0;
  2043. }
  2044.  
  2045. function saveConfig() {
  2046. const ytdlp = document.querySelector('#ytdlp');
  2047. const ytdlpRegex = ytdlp.querySelector('[name="regex"]:not([disabled])').value;
  2048.  
  2049. const bilibili = document.querySelector('#bilibili');
  2050. const bilibiliRegex = bilibili.querySelector('[name="regex"]:not([disabled])').value;
  2051.  
  2052. const config = {
  2053. global: {
  2054. parser: {}
  2055. },
  2056. players: []
  2057. };
  2058.  
  2059. for (const id in defaultConfig.global.parser) {
  2060. const parser = document.getElementById(id);
  2061. const regex = parser.querySelector('[name="regex"]:not([disabled])').value;
  2062. config.global.parser[id] = {};
  2063. config.global.parser[id].regex = regex ? regex.split('\\n') : [];
  2064. for (const name in defaultConfig.global.parser[id]) {
  2065. if (name === 'regex') {
  2066. continue;
  2067. }
  2068. config.global.parser[id][name] = parser.querySelector(\`[name=\${name}] .active\`).getAttribute('value');
  2069. }
  2070. }
  2071.  
  2072. for (const key in defaultConfig.global) {
  2073. if (key === 'parser') {
  2074. continue;
  2075. }
  2076. config.global[key] = document.getElementById(key)?.value || defaultConfig.global[key];
  2077. }
  2078.  
  2079. document.querySelectorAll('.tab').forEach(tab => {
  2080. if (tab.id !== 'global') {
  2081. config.players.push({
  2082. readonly: tab.getAttribute('readonly') === "true",
  2083. name: tab.querySelector('[name="name"]').value || tab.name || 'Player',
  2084. system: tab.querySelector('[name="system"] .active').getAttribute('value') ||
  2085. 'windows',
  2086. icon: tab.querySelector('[name="icon"]').value || '',
  2087. iconSize: tab.querySelector('[name="iconSize"]').value || 50,
  2088. playEvent: tab.querySelector('[name="playEvent"]').value || '',
  2089. presetEvent: {
  2090. playAuto: tab.querySelector('[name="playAuto"]').checked,
  2091. pauseAuto: tab.querySelector('[name="pauseAuto"]').checked,
  2092. closeAuto: tab.querySelector('[name="closeAuto"]').checked,
  2093. },
  2094. enable: tab.querySelector('[name="enable"]').checked,
  2095. });
  2096. }
  2097. });
  2098.  
  2099. if (window.self === window.top) {
  2100. localStorage.setItem('config', JSON.stringify(config));
  2101. } else {
  2102. parent.postMessage(config, '*');
  2103. }
  2104. };
  2105.  
  2106. function resetButtonCoord() {
  2107. document.getElementById('buttonXCoord').value = defaultConfig.global.buttonXCoord;
  2108. document.getElementById('buttonYCoord').value = defaultConfig.global.buttonYCoord;
  2109. }
  2110.  
  2111. function loadConfig(config) {
  2112. // 全局配置
  2113. for (const key in config.global) {
  2114. if (key === 'parser' || !document.getElementById(key)) {
  2115. continue;
  2116. }
  2117. document.getElementById(key).value = config.global[key];
  2118. }
  2119.  
  2120. document.getElementById('language').value = config.global.language;
  2121. language.dispatchEvent(new Event("change"));
  2122.  
  2123. document.querySelectorAll('.parser').forEach(parser => {
  2124. parser.querySelectorAll('.radio-button-group').forEach(radioButtonGroup => {
  2125. const radioButtons = radioButtonGroup.querySelectorAll('.radio-button');
  2126. radioButtons.forEach(radioButton => {
  2127. if (radioButton.getAttribute('value') === config.global.parser[parser.id][
  2128. radioButtonGroup.getAttribute('name')
  2129. ]) {
  2130. radioButton.classList.add('active');
  2131. } else {
  2132. radioButton.classList.remove('active');
  2133. }
  2134. });
  2135. })
  2136. parser.querySelectorAll('textarea').forEach(textarea => {
  2137. if (textarea.disabled) {
  2138. const regex = defaultConfig.global.parser[parser.id][textarea.getAttribute(
  2139. 'name')] || [];
  2140. if (regex.length > 0) {
  2141. textarea.value = regex.join('\\n');
  2142. textarea.style.height = regex.length * 20 + 20 + 'px';
  2143. } else {
  2144. textarea.style.display = 'none';
  2145. }
  2146. } else {
  2147. const regex = config.global.parser[parser.id][textarea.getAttribute('name')] || [];
  2148. textarea.value = regex.join('\\n');
  2149. }
  2150. })
  2151. })
  2152.  
  2153. // 播放器配置
  2154. removeAllTab();
  2155. config.players.forEach(player => createTab(\`player\${tabCount++}\`, player.name, player));
  2156.  
  2157. // 默认选中全局配置
  2158. activateTab('global');
  2159. }
  2160.  
  2161. function removeAllTab() {
  2162. document.querySelectorAll('.tab-button').forEach(tabButton => {
  2163. if (tabButton.id === 'global-button') {
  2164. return;
  2165. }
  2166. sidebar.removeChild(tabButton);
  2167. })
  2168. document.querySelectorAll('.tab').forEach(tab => {
  2169. if (tab.id === 'global') {
  2170. return;
  2171. }
  2172. content.removeChild(tab);
  2173. })
  2174. }
  2175.  
  2176. function resetConfig() {
  2177. let config = JSON.parse(JSON.stringify(defaultConfig));
  2178. for (const key in config.global.parser) {
  2179. config.global.parser[key].regex = [];
  2180. }
  2181. loadConfig(config);
  2182. }
  2183.  
  2184. function init() {
  2185. if (window.self === window.top) {
  2186. return;
  2187. }
  2188.  
  2189. window.addEventListener('message', function (event) {
  2190. if (event.data.defaultConfig && event.data.config) {
  2191. defaultConfig = event.data.defaultConfig;
  2192. loadConfig(event.data.config);
  2193. document.getElementById('sidebar-container').style.display = 'flex';
  2194. document.getElementById('content-container').style.display = 'flex';
  2195. }
  2196. });
  2197.  
  2198. document.getElementById('language').addEventListener('change', (e) => {
  2199. translatePage(e.target.value);
  2200. });
  2201. document.getElementById('add-tab-button').onclick = () => createTab(\`tab\${tabCount++}\`);
  2202. document.getElementById('global-button').onclick = () => activateTab('global');
  2203. document.getElementById('save-button').onclick = () => saveConfig();
  2204. document.getElementById('reset-button').onclick = () => resetConfig();
  2205. document.getElementById('reset-button-coord-button').onclick = () => resetButtonCoord();
  2206.  
  2207. document.querySelectorAll('#global .radio-button-group').forEach(radioButtonGroup => {
  2208. const radioButtons = radioButtonGroup.querySelectorAll('.radio-button');
  2209. radioButtons.forEach(radioButton => {
  2210. radioButton.onclick = () => {
  2211. radioButtons.forEach(btn => btn.classList.remove('active'));
  2212. radioButton.classList.add('active');
  2213. };
  2214. });
  2215. })
  2216. }
  2217.  
  2218. init();
  2219. </script>
  2220.  
  2221. </html>
  2222. `;
  2223. if (SETTING_URL) {
  2224. const response = await fetch(SETTING_URL);
  2225. settingIframeHtml = await response.text();
  2226. }
  2227. settingIframe.onload = function () {
  2228. const doc = settingIframe.contentDocument || settingIframe.contentWindow.document;
  2229. doc.open();
  2230. doc.write(policy.createHTML(settingIframeHtml));
  2231. doc.close();
  2232. };
  2233. document.body.appendChild(settingIframe);
  2234.  
  2235. window.addEventListener('message', function (event) {
  2236. if (event.data && event.data.global) {
  2237. // 保存配置
  2238. currentConfig = event.data;
  2239. GM_setValue('config', currentConfig);
  2240. showToast(translation.saveSuccessfully);
  2241.  
  2242. // 移除旧元素
  2243. document.head.removeChild(style);
  2244. document.body.removeChild(buttonDiv);
  2245. style = undefined;
  2246. buttonDiv = undefined;
  2247.  
  2248. // 重新初始化
  2249. isReloading = true;
  2250. init(currentUrl);
  2251. }
  2252. });
  2253.  
  2254. try {
  2255. showLoading();
  2256. await sleep(REFRESH_INTERVAL);
  2257. } finally {
  2258. hideLoading();
  2259. }
  2260. }
  2261.  
  2262. function startFlashing(element) {
  2263. let visibility = element.style.visibility;
  2264. let transition = element.style.transition;
  2265. let boxShadow = element.style.boxShadow;
  2266.  
  2267. element.style.visibility = 'visible';
  2268. element.style.transition = 'box-shadow 0.5s ease';
  2269. let isGlowing = false;
  2270. const interval = setInterval(() => {
  2271. isGlowing = !isGlowing;
  2272. element.style.boxShadow = isGlowing ? `0 0 10px 10px ${COLOR.PRIMARY}` : 'none';
  2273. }, 500);
  2274.  
  2275. setTimeout(() => {
  2276. clearInterval(interval);
  2277. element.style.visibility = visibility;
  2278. element.transition = transition;
  2279. element.boxShadow = boxShadow;
  2280. }, 5000);
  2281. }
  2282.  
  2283. // ======================================== 开始执行 =======================================
  2284.  
  2285. function init(url) {
  2286. currentConfig = loadConfig();
  2287. translation = translations[currentConfig.global.language];
  2288. appendCss();
  2289. appendToastDiv();
  2290. appendLoadingDiv();
  2291. appendButtonDiv();
  2292. currentParser = matchParser(currentConfig.global.parser, url) || matchParser(defaultConfig.global.parser, url);
  2293. if (currentParser) {
  2294. buttonDiv.style.display = 'flex';
  2295. if (!isReloading) {
  2296. for (const player of currentConfig.players) {
  2297. if (player.presetEvent.playAuto === true) {
  2298. currentParser.play(player);
  2299. }
  2300. }
  2301. }
  2302. isReloading = false;
  2303. }
  2304. currentUrl = url;
  2305. }
  2306.  
  2307. onload = () => {
  2308. setInterval(() => {
  2309. const url = location.href;
  2310. if (currentUrl !== url || !buttonDiv) {
  2311. console.log(`current url update: ${currentUrl ? currentUrl + ' => ' : ''}${url}`);
  2312. init(url);
  2313. }
  2314. }, REFRESH_INTERVAL);
  2315.  
  2316. // 快捷键
  2317. document.addEventListener('keydown', (event) => {
  2318. // 打开设置:Ctrl + Alt + E
  2319. if (event.ctrlKey && event.altKey && (event.key === 'e' || event.key === 'E')) {
  2320. event.preventDefault();
  2321. startFlashing(settingButton);
  2322. settingButton.click();
  2323. }
  2324. });
  2325. };