2d:I[521715,["/_next/static/chunks/44ai52rgqqds0.js","/_next/static/chunks/3wozj3p9vvy37.js","/_next/static/chunks/1vatemh5hic3u.js","/_next/static/chunks/0zdgmo8em-2pr.js","/_next/static/chunks/0wpkmza7ts0b-.js","/_next/static/chunks/1lpa6xctxdzlc.js","/_next/static/chunks/1dtouvgcyskbx.js","/_next/static/chunks/1hl2z-0dyvxvx.js","/_next/static/chunks/3ectz4am1zd-v.js","/_next/static/chunks/2daogplj-6hr5.js","/_next/static/chunks/2m07j1pc6vhcg.js","/_next/static/chunks/2nho6xfpkimdh.js","/_next/static/chunks/1-9y922i2usd6.js","/_next/static/chunks/0_rr8933gemfs.js","/_next/static/chunks/0bokmc_-by_04.js","/_next/static/chunks/0d28bcd0xzm7_.js","/_next/static/chunks/3c53s5hs52ls0.js","/_next/static/chunks/0e1_cd1minqcz.js","/_next/static/chunks/2vvxlbcja7vf1.js","/_next/static/chunks/1qij9iy-sdydz.js","/_next/static/chunks/30d9r72c20rt4.js","/_next/static/chunks/294yi6gp4bwx2.js","/_next/static/chunks/0uwzrk5-1up9i.js","/_next/static/chunks/3efrurncb-nih.js","/_next/static/chunks/3z6l58_k-2emg.js","/_next/static/chunks/1x-7g6asbvt_z.js","/_next/static/chunks/0czs2ys0g3s_l.js"],"default"] 2e:Te0a,data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAACjBJREFUeF7tnX+MHGUZx7/PbFsr3O3eNWBTaQu1RhNQEv7CBKNtQsBQTRDSJiYabNBaerP2bmcL8pcHiZH2du6u7Fx/SCmESGLQSP+QQk0aMAElMTGmsURQCQSLqcG7222ttb2dR8a700u7e/u+8850d2ae/Xee55nn+T6ffWd29p33Jcgn0wpQpquX4iEAZBwCAUAAyLgCGS9fRgABIOMKZLx8GQEEgIwrkPHyZQQQADKuQMbLlxFAAMi4Ahkvv+MjwJQ9MpyDtQ6gtT7xn5n9U/3eruE09qUba+0oALXi6DEw39Gk2Uct4l291fIbaQDhTLFyo880AuCuS+sh4GTecz7TqTo7BkDddv/AwE2tCg+EIeItSYcgaD4zPbdYrSD6ZaFaurMTEHQEgGAotGB9v13BSYdAqflzIvjwH+nEpa8jAEwX3SeI8a12AATHkwqBTvPn6nwm7zn3qWgSpU1HAKjboy8zeINqIUmDQLf5swDQK3mvtFFVk6jsOgKAzggwX2hSIAjT/MyNAKr3AM3umLv5xjBs84M6M3UPEBRcs90Xmv0saje0detIYNJ8AEcLnrOpXe1xHO/IJSAoxESwboMgybV0DIC0QJDk5s/de8QxsKjHTLKASc59wc21erPiskyikEnMuVn/OnoJWJhQkgRNUq7tvrRdA0BS7gnS1PyuuAe4lNBuFribc2v3TW91vKtGgPkku1HobswpbNMX+nUlAN12OUhr87vyEtBtN4Zpbv4VAWDadjdbwGYG1oOxAoQVAPJRDF8pjFEHYxKESYDfAvBMwSu/GGedsVwCzu4cv7nhN7YRcA8zVsVZQNpjM/AeAUdyudyhnr2DJ6KuN1IApgYq1xORbQE2A8ujTjbL8Qg47wMeM3v9E+V3o9IiMgBqtvt1ABUAK6NKTuI0VeA0QI8WvNK+KPSJBIBaccQGW9UoEpIYagoQ4XC+6tyvZt3ayhiAsP/rmyYu/v+dR3a8UHVuN9HCCICa7R4D0Gxev0lO4qungFfwnKKey/+tQwNQH3APMOE7YU8sftEpYDKdLBQAZ+zR7T54f3QlSCRTBSzQA71e6YBuHG0A/r5juGe51fv6om+66GYh9sYKBNPkzvtnPvexfcNndYJpAzBtV75HoB/qnGShbfBgwwL9Jax/mv2YeS0InwhbI4Mf7vPKj+n4awEwue2xgrVs6UkCrtM5CYDXCNiTW2L99urxob9p+mbKfGpwrC/n+zfCpx/ovDwTiMTAKTQufLZv/8NTqqJpAVArjmwCW79QDT6bFD/U55X36PiI7awCZ4rumM8Y1NGDgS19nvNTVR8tAOq2u5uBB1WD+8Tl/mrZVbUXu8sVCP5MI+A5VW0I9KO8V1L+daYFQG2g8kcQfVolGSYc6qs631axFZvFFajZbvCU1VbU6e2C56xXtFVfLJqHn1pe/2DyX6qBeam1vm9s6G1Ve7FrrcC5He6aCxbeIKBHRaf8NSs+SsNbz6vYKo8A/xwcWzUz47+vErSTrzop5pc4s7rt/oqBL6gkvmSJ9XHVm21lAOaWOTmpkgATtvdVnYMqtmKjpoDODaFFfJPqyirKANTtsdsY/qsq6frwN/Z7u15RsRUbNQWm7MrdFuh5FWuC9fm8N/Samq2KFYApe2SDBetlFXMBQEUlPZu49FceAeJKQE+G7FrHpb8AkBCmBICENCquNAWAuJRNSFwBICGNiitNASAuZRMSN9MAnCs+vnrG//caEE31XtU4RXseOtONfftH8fH8MlxY7fvce7GR++s1B0qnosozkwAEj58bDT7IzF9ZKKTJHLioGnJpnLrtlhkIFoRe8KHfUM7amt87+KbpeTMHwFTRvcVi/K6VcAw82ec5SsvNmorfzn/adg8R0HKOvj9jres/MPROuziLHc8UAO9vG77q6mU9JwBq87cmf6nglYOp6R371OzKnQC9tGgCjF/nr12zkYa3XAibaKYAmNrhftOy8FQ7sYjxdH7C2drOLs7jdXv0IIO3tTsHgx/o88ras3bn42YKAOW1hBnvFCacde3Ej/N4zXb/BOCTCuf4ccFzvqFg19QkUwDorCZe8Bzlx9lhxV/Mr2a7rBLXdDVwAaCFygLA5cLo/Bur/O2Ji8BmfZUR4HJV4tJfAFAZvxexkUtAE3F0hiAZAdQIlBFA7gFimZEllwC1L2BLK7kEyCVAfgZeyoDcA1z+rZDnABpDrfwMlJ+ByvsKyoOgFD4Imrbd3aT0FjL9vuCVbtEYXCI3rdmjrwN8a/vAvK/glQfa2zW3yNTPwGnbvZeAn7UTyyKM91adoXZ2cR6vD4xWmNhpew72v1aY2PWTtnYtDDIFQKBB3XafZ+DuxQS7OEOro5x2FaY5Su9MMp4tTDjBSqqhP5kDYO5t5GBOQKtt1Yc/vP4/ElrRCB3b7IR6LJfL3dezd/C0ySkzB8C8WHV79H6Av8zABoDeJMarZPmHVd9+NRFdx/eD7aPXfWQpl32mDQCvBXCMQMfzXulJnTitbDMLQBTipSGGAJCGLhrUIAAYiJcGVwEgDV00qEEAMBAvDa4CQBq6aFCDAGAgXhpcBYA0dNGgBgHAQLw0uAoAaeiiQQ0CgIF4aXAVANLQRYMaBAAD8dLg2nEAdJaKBWNTYcI5mgbhu6UGHQBiWSpWaeLD/9TiUsErj3WLeGnIo1Z0vwvGXpVaYlksWme5+A/3FHoi7zltF01QKUZsZhXQmSkdy3LxOhtGENGJRo6+2D8+NC0NNFegPuB+ignKC03FsmFEUIbOljEE+nneK91rXr5EmLYr+wm0XVGJeLaMmR2GNDeNAn+13ysfUUxczJooUCuO2mBW3pk93k2jQmwb5/vY2r/PeVq6q6/AtF15kEC7dTxj3TYu7MaRwWpePuHoxXMzL117uDtX+dQROU7bszvHV/qNxq1z2/PdpnOu2DeODJIx3To2eElSp6gs2TLzDSDcELbm2LeODRKTzaPDtidevyu2eXRQhmwfH28zw0S/YtvHzydXH3APMEF5i9IwRYmPmgImi2crLxHTLJWa7Qbr9N6hlqZYxaSAV/CcYtjYRgAEJ63Z7gsA7gqbgPgZKEA4Xqg6txtEUN87eLGT1IojNthSflhhkrD4zipAhMP5qtNyiXpVnYxHgPkT1Ww3eP25AmCl6snFLpQCpwF6tOCV9oXyvsQpMgCCuFMDleuJyLYAm4HlUSQoMea+8cB5H/CY2eufKL8blS6RAjCf1Nmd4zc3/MY2Au5hxqqoks1iHAbeI+BILpc71LN38ETUGsQCwMIkp213swVsZmA9GCtAWAEgH3UhKYlXB2MShEmA3wLwTMErvxhnbbEDEGfyEttcAQHAXMNERxAAEt0+8+QFAHMNEx1BAEh0+8yTFwDMNUx0BAEg0e0zT14AMNcw0REEgES3zzx5AcBcw0RHEAAS3T7z5AUAcw0THUEASHT7zJMXAMw1THQEASDR7TNPXgAw1zDREf4DSPKG2yZqlokAAAAASUVORK5CYII=2f:Ta45f4,// ==UserScript== // @name 【移动端】bilibili优化 // @namespace https://github.com/WhiteSevs/TamperMonkeyScript // @version 2026.3.15 // @author WhiteSevs // @description 阻止跳转App、App端推荐视频流、解锁视频画质(番剧解锁需配合其它插件)、美化显示、去广告等 // @license GPL-3.0-only // @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAACjBJREFUeF7tnX+MHGUZx7/PbFsr3O3eNWBTaQu1RhNQEv7CBKNtQsBQTRDSJiYabNBaerP2bmcL8pcHiZH2du6u7Fx/SCmESGLQSP+QQk0aMAElMTGmsURQCQSLqcG7222ttb2dR8a700u7e/u+8850d2ae/Xee55nn+T6ffWd29p33Jcgn0wpQpquX4iEAZBwCAUAAyLgCGS9fRgABIOMKZLx8GQEEgIwrkPHyZQQQADKuQMbLlxFAAMi4Ahkvv+MjwJQ9MpyDtQ6gtT7xn5n9U/3eruE09qUba+0oALXi6DEw39Gk2Uct4l291fIbaQDhTLFyo880AuCuS+sh4GTecz7TqTo7BkDddv/AwE2tCg+EIeItSYcgaD4zPbdYrSD6ZaFaurMTEHQEgGAotGB9v13BSYdAqflzIvjwH+nEpa8jAEwX3SeI8a12AATHkwqBTvPn6nwm7zn3qWgSpU1HAKjboy8zeINqIUmDQLf5swDQK3mvtFFVk6jsOgKAzggwX2hSIAjT/MyNAKr3AM3umLv5xjBs84M6M3UPEBRcs90Xmv0saje0detIYNJ8AEcLnrOpXe1xHO/IJSAoxESwboMgybV0DIC0QJDk5s/de8QxsKjHTLKASc59wc21erPiskyikEnMuVn/OnoJWJhQkgRNUq7tvrRdA0BS7gnS1PyuuAe4lNBuFribc2v3TW91vKtGgPkku1HobswpbNMX+nUlAN12OUhr87vyEtBtN4Zpbv4VAWDadjdbwGYG1oOxAoQVAPJRDF8pjFEHYxKESYDfAvBMwSu/GGedsVwCzu4cv7nhN7YRcA8zVsVZQNpjM/AeAUdyudyhnr2DJ6KuN1IApgYq1xORbQE2A8ujTjbL8Qg47wMeM3v9E+V3o9IiMgBqtvt1ABUAK6NKTuI0VeA0QI8WvNK+KPSJBIBaccQGW9UoEpIYagoQ4XC+6tyvZt3ayhiAsP/rmyYu/v+dR3a8UHVuN9HCCICa7R4D0Gxev0lO4qungFfwnKKey/+tQwNQH3APMOE7YU8sftEpYDKdLBQAZ+zR7T54f3QlSCRTBSzQA71e6YBuHG0A/r5juGe51fv6om+66GYh9sYKBNPkzvtnPvexfcNndYJpAzBtV75HoB/qnGShbfBgwwL9Jax/mv2YeS0InwhbI4Mf7vPKj+n4awEwue2xgrVs6UkCrtM5CYDXCNiTW2L99urxob9p+mbKfGpwrC/n+zfCpx/ovDwTiMTAKTQufLZv/8NTqqJpAVArjmwCW79QDT6bFD/U55X36PiI7awCZ4rumM8Y1NGDgS19nvNTVR8tAOq2u5uBB1WD+8Tl/mrZVbUXu8sVCP5MI+A5VW0I9KO8V1L+daYFQG2g8kcQfVolGSYc6qs631axFZvFFajZbvCU1VbU6e2C56xXtFVfLJqHn1pe/2DyX6qBeam1vm9s6G1Ve7FrrcC5He6aCxbeIKBHRaf8NSs+SsNbz6vYKo8A/xwcWzUz47+vErSTrzop5pc4s7rt/oqBL6gkvmSJ9XHVm21lAOaWOTmpkgATtvdVnYMqtmKjpoDODaFFfJPqyirKANTtsdsY/qsq6frwN/Z7u15RsRUbNQWm7MrdFuh5FWuC9fm8N/Samq2KFYApe2SDBetlFXMBQEUlPZu49FceAeJKQE+G7FrHpb8AkBCmBICENCquNAWAuJRNSFwBICGNiitNASAuZRMSN9MAnCs+vnrG//caEE31XtU4RXseOtONfftH8fH8MlxY7fvce7GR++s1B0qnosozkwAEj58bDT7IzF9ZKKTJHLioGnJpnLrtlhkIFoRe8KHfUM7amt87+KbpeTMHwFTRvcVi/K6VcAw82ec5SsvNmorfzn/adg8R0HKOvj9jres/MPROuziLHc8UAO9vG77q6mU9JwBq87cmf6nglYOp6R371OzKnQC9tGgCjF/nr12zkYa3XAibaKYAmNrhftOy8FQ7sYjxdH7C2drOLs7jdXv0IIO3tTsHgx/o88ras3bn42YKAOW1hBnvFCacde3Ej/N4zXb/BOCTCuf4ccFzvqFg19QkUwDorCZe8Bzlx9lhxV/Mr2a7rBLXdDVwAaCFygLA5cLo/Bur/O2Ji8BmfZUR4HJV4tJfAFAZvxexkUtAE3F0hiAZAdQIlBFA7gFimZEllwC1L2BLK7kEyCVAfgZeyoDcA1z+rZDnABpDrfwMlJ+ByvsKyoOgFD4Imrbd3aT0FjL9vuCVbtEYXCI3rdmjrwN8a/vAvK/glQfa2zW3yNTPwGnbvZeAn7UTyyKM91adoXZ2cR6vD4xWmNhpew72v1aY2PWTtnYtDDIFQKBB3XafZ+DuxQS7OEOro5x2FaY5Su9MMp4tTDjBSqqhP5kDYO5t5GBOQKtt1Yc/vP4/ElrRCB3b7IR6LJfL3dezd/C0ySkzB8C8WHV79H6Av8zABoDeJMarZPmHVd9+NRFdx/eD7aPXfWQpl32mDQCvBXCMQMfzXulJnTitbDMLQBTipSGGAJCGLhrUIAAYiJcGVwEgDV00qEEAMBAvDa4CQBq6aFCDAGAgXhpcBYA0dNGgBgHAQLw0uAoAaeiiQQ0CgIF4aXAVANLQRYMaBAAD8dLg2nEAdJaKBWNTYcI5mgbhu6UGHQBiWSpWaeLD/9TiUsErj3WLeGnIo1Z0vwvGXpVaYlksWme5+A/3FHoi7zltF01QKUZsZhXQmSkdy3LxOhtGENGJRo6+2D8+NC0NNFegPuB+ignKC03FsmFEUIbOljEE+nneK91rXr5EmLYr+wm0XVGJeLaMmR2GNDeNAn+13ysfUUxczJooUCuO2mBW3pk93k2jQmwb5/vY2r/PeVq6q6/AtF15kEC7dTxj3TYu7MaRwWpePuHoxXMzL117uDtX+dQROU7bszvHV/qNxq1z2/PdpnOu2DeODJIx3To2eElSp6gs2TLzDSDcELbm2LeODRKTzaPDtidevyu2eXRQhmwfH28zw0S/YtvHzydXH3APMEF5i9IwRYmPmgImi2crLxHTLJWa7Qbr9N6hlqZYxaSAV/CcYtjYRgAEJ63Z7gsA7gqbgPgZKEA4Xqg6txtEUN87eLGT1IojNthSflhhkrD4zipAhMP5qtNyiXpVnYxHgPkT1Ww3eP25AmCl6snFLpQCpwF6tOCV9oXyvsQpMgCCuFMDleuJyLYAm4HlUSQoMea+8cB5H/CY2eufKL8blS6RAjCf1Nmd4zc3/MY2Au5hxqqoks1iHAbeI+BILpc71LN38ETUGsQCwMIkp213swVsZmA9GCtAWAEgH3UhKYlXB2MShEmA3wLwTMErvxhnbbEDEGfyEttcAQHAXMNERxAAEt0+8+QFAHMNEx1BAEh0+8yTFwDMNUx0BAEg0e0zT14AMNcw0REEgES3zzx5AcBcw0RHEAAS3T7z5AUAcw0THUEASHT7zJMXAMw1THQEASDR7TNPXgAw1zDREf4DSPKG2yZqlokAAAAASUVORK5CYII= // @supportURL https://github.com/WhiteSevs/TamperMonkeyScript/issues // @match *://m.bilibili.com/* // @match *://live.bilibili.com/* // @match *://www.bilibili.com/read/* // @match *://www.bilibili.com/h5/comment/* // @require https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/CoverUMD/index.js // @require https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/QRCode/index.umd.js // @require https://fastly.jsdelivr.net/npm/@whitesev/utils@2.11.11/dist/index.umd.js // @require https://fastly.jsdelivr.net/npm/@whitesev/domutils@1.9.11/dist/index.umd.js // @require https://fastly.jsdelivr.net/npm/@whitesev/pops@4.2.3/dist/index.umd.js // @require https://fastly.jsdelivr.net/npm/qmsg@1.7.0/dist/index.umd.js // @require https://fastly.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.js // @require https://fastly.jsdelivr.net/npm/md5@2.3.0/dist/md5.min.js // @require https://fastly.jsdelivr.net/npm/flv.js@1.6.2/dist/flv.js // @require https://fastly.jsdelivr.net/npm/artplayer@5.4.0/dist/artplayer.js // @require https://fastly.jsdelivr.net/npm/artplayer-plugin-danmuku@5.3.0/dist/artplayer-plugin-danmuku.js // @resource ViewerCSS https://fastly.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css // @connect * // @connect m.bilibili.com // @connect www.bilibili.com // @connect api.bilibili.com // @connect app.bilibili.com // @connect passport.bilibili.com // @connect hdslb.com // @connect aisubtitle.hdslb.com // @grant GM_addStyle // @grant GM_addValueChangeListener // @grant GM_deleteValue // @grant GM_getResourceText // @grant GM_getValue // @grant GM_info // @grant GM_listValues // @grant GM_registerMenuCommand // @grant GM_removeValueChangeListener // @grant GM_setValue // @grant GM_setValues // @grant GM_unregisterMenuCommand // @grant GM_xmlhttpRequest // @grant unsafeWindow // @run-at document-start // ==/UserScript== (function (DOMUtils, pops, utils$1, Qmsg, md5, Viewer, Artplayer, artplayerPluginDanmuku, flvjs) { "use strict"; const d = new Set(); const importCSS = async (t) => { d.has(t) || (d.add(t), ((a) => { function r(n) { if (typeof GM_addStyle == "function") return GM_addStyle(n); const e = document.createElement("style"); if ((e.setAttribute("type", "text/css"), e.setAttribute("data-type", "gm-css"), globalThis.trustedTypes)) { const c = globalThis.trustedTypes.createPolicy("safe-innerHTML", { createHTML: (i) => i }); e.innerHTML = c.createHTML(n); } else e.innerHTML = n; return ((document.head || document.documentElement).appendChild(e), e); } r(a); })(t)); }; const blockCss = '@charset "UTF-8";.m-video2-awaken-btn,.openapp-dialog{display:none!important}.m-head .launch-app-btn.m-nav-openapp,.m-head .launch-app-btn.home-float-openapp,.m-head m-open-app{display:none!important}.m-home .launch-app-btn.home-float-openapp{display:none!important}.m-space .launch-app-btn.m-space-float-openapp,.m-space .launch-app-btn.m-nav-openapp,.m-space m-open-app:has(>.m-fixed-openapp){display:none!important}#app .video .launch-app-btn.m-video-main-launchapp:has([class^=m-video2-awaken]),#app .video .launch-app-btn.m-nav-openapp,#app .video .mplayer-widescreen-callapp,#app .video .launch-app-btn.m-float-openapp,#app .video .m-video-season-panel .launch-app-btn .open-app{display:none!important}#app.LIVE .open-app-btn.bili-btn-warp{display:none!important}#app .m-dynamic .launch-app-btn.m-nav-openapp,#app .m-dynamic .dynamic-float-openapp.dynamic-float-btn,#app .m-dynamic m-open-app:has(>.m-fixed-openapp){display:none!important}#app .m-opus .float-openapp.opus-float-btn,#app .m-opus .v-switcher .launch-app-btn.list-more,#app .m-opus .opus-nav .launch-app-btn.m-nav-openapp,#app .m-opus .m-navbar .m-nav-openapp,#app .m-opus m-open-app.m-open-app.fixed-openapp,#app .m-opus_wp .m-open-app.opus-float-btn{display:none!important}#app .topic-detail .launch-app-btn.m-nav-openapp,#app .topic-detail .launch-app-btn.m-topic-float-openapp{display:none!important}#app.main-container bili-open-app.btn-download{display:none!important}#__next m-open-app[class^=TopBar_download],#__next m-open-app:has([class^=GoApp]){display:none!important}#__next m-open-app[class^=MainButton_btnWrap]{visibility:hidden!important}#app .read-app-main bili-open-app{display:none!important}#app .playlist>.open-app-wp{display:none!important}#app .playlist>.open-app-wp+div{padding-top:56.25%}'; importCSS(blockCss); const commonCss = "html{--bili-color: #fb7299;--bili-color-rgb: 251, 114, 153}"; importCSS(commonCss); const BilibiliBeautifyCSS = '@charset "UTF-8";\n/* 主页 */\n#app .m-head {\n --bg-color: #f0f1f3;\n --bg-rever-color: #ffffff;\n --pd-width: 1.3333vmin;\n --bd-circle: 1.3333vmin;\n --card-height: 30vmin;\n --icon-font-size: 3.2vmin;\n --icon-text-font-size: 2.6vmin;\n --icon-font-margin-right: 3vmin;\n --title-font-size: 2.8vmin;\n background-color: var(--bg-color);\n}\n#app .m-head .m-home {\n background-color: var(--bg-color);\n}\n/* 美化视频卡片 */\n#app .m-head .video-list .card-box .v-card {\n background-color: var(--bg-rever-color);\n padding: 0px;\n margin: 0px;\n width: calc(50% - var(--pd-width) / 2);\n border-radius: var(--bd-circle);\n margin-top: var(--pd-width);\n display: grid;\n /* 视频封面区域 */\n}\n#app .m-head .video-list .card-box .v-card .card {\n background: var(--bg-rever-color);\n border-radius: unset;\n border-top-left-radius: var(--bd-circle);\n border-top-right-radius: var(--bd-circle);\n height: var(--card-height);\n}\n#app .m-head .video-list .card-box .v-card .card .count {\n display: flex;\n justify-content: safe flex-start;\n padding-right: 0;\n}\n#app .m-head .video-list .card-box .v-card .card .count .iconfont {\n font-size: var(--icon-text-font-size);\n}\n#app .m-head .video-list .card-box .v-card .card .count > span {\n font-size: var(--icon-text-font-size);\n margin-right: var(--icon-font-margin-right);\n}\n/* 视频标题区域 */\n#app .m-head .video-list .card-box .v-card .title {\n padding: 0;\n margin: var(--pd-width);\n font-size: var(--title-font-size);\n}\n/* 两列 => 左边的 */\n#app .m-head .video-list .card-box .v-card:nth-child(2n-1) {\n /*background-color: red;*/\n margin-right: calc(var(--pd-width) / 2);\n}\n/* 两列 => 右边的 */\n#app .m-head .video-list .card-box .v-card:nth-child(2n) {\n /*background-color: rebeccapurple;*/\n margin-left: calc(var(--pd-width) / 2);\n}\n'; const BilibiliRouter = { isVideo() { return window.location.pathname.startsWith("/video/"); }, isBangumi() { return window.location.pathname.startsWith("/bangumi/"); }, isSearch() { return window.location.pathname.startsWith("/search"); }, isSearchResult() { let urlSearchParams = new URLSearchParams(window.location.search); return this.isSearch() && urlSearchParams.has("keyword"); }, isLive() { return window.location.hostname === "live.bilibili.com"; }, isOpus() { return window.location.pathname.startsWith("/opus"); }, isTopicDetail() { return window.location.pathname.startsWith("/topic-detail"); }, isDynamic() { return window.location.pathname.startsWith("/dynamic"); }, isHead() { return window.location.pathname === "/" || window.location.pathname.startsWith("/channel"); }, isSpace() { return window.location.pathname.startsWith("/space"); }, isPlayList() { return window.location.pathname.startsWith("/playlist"); }, }; const BilibiliPCRouter = { isPC() { return window.location.hostname === "www.bilibili.com"; }, isReadMobile() { return this.isPC() && window.location.pathname.startsWith("/read/mobile"); }, }; const BilibiliData = { className: { bangumi: "#app.main-container", bangumi_new: "body > #__next", dynamic: "#app .m-dynamic", opus: "#app .m-opus", video: "#app .video", mVideo: "#app .m-video", head: "#app .m-head", playlist: "#app .playlist", space: "#app .m-space", }, theme: "#FB7299", }; const BilibiliPCData = { className: { read: { mobile: "#app .read-app-main", }, }, }; var _GM_addValueChangeListener = (() => typeof GM_addValueChangeListener != "undefined" ? GM_addValueChangeListener : void 0)(); var _GM_deleteValue = (() => (typeof GM_deleteValue != "undefined" ? GM_deleteValue : void 0))(); var _GM_getResourceText = (() => (typeof GM_getResourceText != "undefined" ? GM_getResourceText : void 0))(); var _GM_getValue = (() => (typeof GM_getValue != "undefined" ? GM_getValue : void 0))(); var _GM_info = (() => (typeof GM_info != "undefined" ? GM_info : void 0))(); var _GM_listValues = (() => (typeof GM_listValues != "undefined" ? GM_listValues : void 0))(); var _GM_registerMenuCommand = (() => typeof GM_registerMenuCommand != "undefined" ? GM_registerMenuCommand : void 0)(); var _GM_removeValueChangeListener = (() => typeof GM_removeValueChangeListener != "undefined" ? GM_removeValueChangeListener : void 0)(); var _GM_setValue = (() => (typeof GM_setValue != "undefined" ? GM_setValue : void 0))(); var _GM_setValues = (() => (typeof GM_setValues != "undefined" ? GM_setValues : void 0))(); var _GM_unregisterMenuCommand = (() => typeof GM_unregisterMenuCommand != "undefined" ? GM_unregisterMenuCommand : void 0)(); var _GM_xmlhttpRequest = (() => (typeof GM_xmlhttpRequest != "undefined" ? GM_xmlhttpRequest : void 0))(); var _unsafeWindow = (() => (typeof unsafeWindow != "undefined" ? unsafeWindow : void 0))(); var _monkeyWindow = (() => window)(); const GM_RESOURCE_MAPPING = { Viewer: { keyName: "ViewerCSS", url: "https://fastly.jsdelivr.net/npm/viewerjs@latest/dist/viewer.min.css", }, }; const CommonUtil = { waitRemove(...args) { args.forEach((selector) => { if (typeof selector !== "string") { return; } DOMUtils.waitNodeList(selector).then((nodeList) => { nodeList.forEach(($el) => $el.remove()); }); }); }, createBlockCSSNode(...args) { let selectorList = []; if (args.length === 0) { return; } if (args.length === 1 && typeof args[0] === "string" && args[0].trim() === "") { return; } args.forEach((selector) => { if (Array.isArray(selector)) { selectorList = selectorList.concat(selector); } else { selectorList.push(selector); } }); return DOMUtils.createElement("style", { type: "text/css", innerHTML: `${selectorList.join(",\n")}{display: none !important;}`, }); }, addBlockCSS(...args) { let selectorList = []; if (args.length === 0) { return; } if (args.length === 1 && typeof args[0] === "string" && args[0].trim() === "") { return; } args.forEach((selector) => { if (Array.isArray(selector)) { selectorList = selectorList.concat(selector); } else { selectorList.push(selector); } }); return addStyle(`${selectorList.join(",\n")}{display: none !important;}`); }, setGMResourceCSS(resourceMapData) { const cssText = typeof _GM_getResourceText === "function" ? _GM_getResourceText(resourceMapData.keyName) : null; if (typeof cssText === "string" && cssText) { return addStyle(cssText); } else { return CommonUtil.loadStyleLink(resourceMapData.url); } }, async loadStyleLink(url) { let $link = document.createElement("link"); $link.rel = "stylesheet"; $link.type = "text/css"; $link.href = url; return new Promise((resolve) => { DOMUtils.onReady(() => { document.head.appendChild($link); resolve($link); }); }); }, async loadScript(url) { let $script = document.createElement("script"); $script.src = url; return new Promise((resolve) => { $script.onload = () => { resolve(null); }; (document.head || document.documentElement).appendChild($script); }); }, fixUrl(url) { url = url.trim(); if (url.startsWith("data:")) { return url; } if (url.match(/^http(s|):\/\//i)) { return url; } else if (url.startsWith("//")) { if (url.startsWith("///")); else { url = window.location.protocol + url; } return url; } else { if (!url.startsWith("/")) { url += "/"; } url = window.location.origin + url; return url; } }, fixHttps(url) { if (url.startsWith("https://")) { return url; } if (!url.startsWith("http://")) { return url; } try { let urlInstance = new URL(url); urlInstance.protocol = "https:"; return urlInstance.toString(); } catch { return url; } }, lockScroll(...args) { let $hidden = document.createElement("style"); $hidden.innerHTML = ` .pops-overflow-hidden-important { overflow: hidden !important; } `; let $elList = [document.documentElement, document.body].concat(...(args || [])); $elList.forEach(($el) => { $el.classList.add("pops-overflow-hidden-important"); }); (document.head || document.documentElement).appendChild($hidden); return { recovery() { $elList.forEach(($el) => { $el.classList.remove("pops-overflow-hidden-important"); }); $hidden.remove(); }, }; }, async getClipboardText() { function readClipboardText(resolve) { navigator.clipboard .readText() .then((clipboardText) => { resolve(clipboardText); }) .catch((error) => { log.error("读取剪贴板内容失败👉", error); resolve(""); }); } function requestPermissionsWithClipboard(resolve) { navigator.permissions .query({ name: "clipboard-read", }) .then(() => { readClipboardText(resolve); }) .catch((error) => { log.error("申请剪贴板权限失败，尝试直接读取👉", error.message ?? error.name ?? error.stack); readClipboardText(resolve); }); } function checkClipboardApi() { if (typeof navigator?.clipboard?.readText !== "function") { return false; } if (typeof navigator?.permissions?.query !== "function") { return false; } return true; } return new Promise((resolve) => { if (!checkClipboardApi()) { resolve(""); return; } if (document.hasFocus()) { requestPermissionsWithClipboard(resolve); } else { window.addEventListener( "focus", () => { requestPermissionsWithClipboard(resolve); }, { once: true, } ); } }); }, escapeHtml(unsafe) { return unsafe .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """) .replace(/'/g, "'") .replace(/©/g, "©") .replace(/®/g, "®") .replace(/™/g, "™") .replace(/→/g, "→") .replace(/←/g, "←") .replace(/↑/g, "↑") .replace(/↓/g, "↓") .replace(/—/g, "—") .replace(/–/g, "–") .replace(/…/g, "…") .replace(/ /g, " ") .replace(/\r\n/g, "
") .replace(/\r/g, "
") .replace(/\n/g, "
") .replace(/\t/g, " "); }, interval(fn, intervalTime, timeout = 5e3) { let timeId; let maxTimeout = timeout - intervalTime; let intervalTimeCount = intervalTime; let loop = async (isTimeout) => { const result = await fn(isTimeout); if ((typeof result === "boolean" && result) || isTimeout) { utils.workerClearTimeout(timeId); return; } intervalTimeCount += intervalTime; if (intervalTimeCount > maxTimeout) { loop(true); return; } timeId = utils.workerSetTimeout(() => { loop(false); }, intervalTime); }; loop(false); }, findParentNode($el, selector, parentSelector) { if (parentSelector) { let $parent = DOMUtils.closest($el, parentSelector); if ($parent) { let $target = $parent.querySelector(selector); return $target; } } else { if (DOMUtils.matches($el, selector)) { return $el; } let $parent = DOMUtils.closest($el, selector); return $parent; } }, toStr(data2, space = 2) { const undefinedReplacedStr = `__undefined__placeholder__replaced__str__` + performance.now(); const dataStr = JSON.stringify( data2, (key, value) => { return value === void 0 ? undefinedReplacedStr : value; }, space ).replace(new RegExp(`"${undefinedReplacedStr}"`, "g"), "undefined"); return dataStr; }, isVerticalScreen() { return !globalThis.screen.orientation.type.includes("landscape"); }, isMobileDevice(size = 768) { const isVerticalScreen = this.isVerticalScreen(); if (isVerticalScreen) { return globalThis.innerWidth < size; } else { return globalThis.innerHeight < size; } }, isTopWindow() { const win = typeof _unsafeWindow === "object" && _unsafeWindow != null ? _unsafeWindow : window; return win.top === win.self; }, }; const KEY = "GM_Panel"; const ATTRIBUTE_INIT = "data-init"; const ATTRIBUTE_KEY = "data-key"; const ATTRIBUTE_DEFAULT_VALUE = "data-default-value"; const ATTRIBUTE_INIT_MORE_VALUE = "data-init-more-value"; const ATTRIBUTE_PLUGIN_SEARCH_CONFIG = "data-plugin-search-config"; const PROPS_STORAGE_API = "data-storage-api"; const PanelSizeUtil = { get width() { return globalThis.innerWidth; }, get height() { return globalThis.innerHeight; }, }; const PanelUISize = { setting: { get width() { if (PanelSizeUtil.width < 550) { return "88vw"; } else if (PanelSizeUtil.width < 700) { return "550px"; } else { return "700px"; } }, get height() { if (PanelSizeUtil.height < 450) { return "70vh"; } else if (PanelSizeUtil.height < 550) { return "450px"; } else { return "550px"; } }, }, settingMiddle: { get width() { return PanelSizeUtil.width < 350 ? "88vw" : "350px"; }, }, info: { get width() { return PanelSizeUtil.width < 350 ? "88vw" : "350px"; }, get height() { return PanelSizeUtil.height < 250 ? "88vh" : "250px"; }, }, }; const PanelContent = { $data: { __contentConfig: null, get contentConfig() { if (this.__contentConfig == null) { this.__contentConfig = new utils.Dictionary(); } return this.__contentConfig; }, __defaultBottomContentConfig: [], }, addContentConfig(configList) { if (!Array.isArray(configList)) { configList = [configList]; } let index = this.$data.contentConfig.keys().length; this.$data.contentConfig.set(index, configList); }, getAllContentConfig() { return this.$data.contentConfig.values().flat(); }, getConfig(index = 0) { return this.$data.contentConfig.get(index) ?? []; }, getDefaultBottomContentConfig() { if (this.$data.__defaultBottomContentConfig.length) { return this.$data.__defaultBottomContentConfig; } let isDoubleClick = false; let timer = void 0; const exportToFile = (fileName, fileData) => { if (typeof fileData !== "string") { fileData = CommonUtil.toStr(fileData); } const blob = new Blob([fileData]); const blobUrl = globalThis.URL.createObjectURL(blob); const $anchor = domUtils.createElement("a", { href: blobUrl, download: fileName, }); $anchor.click(); utils.workerSetTimeout(() => { globalThis.URL.revokeObjectURL(blobUrl); }, 500); }; const dbclick_callback = () => { const importConfig = (importEndCallBack) => { const $alert = __pops__.alert({ title: { text: "请选择导入方式", position: "center", }, content: { text: `

本地导入

网络导入

剪贴板导入

导出至文件

导出至剪贴板

`, html: true, }, btn: { ok: { enable: false }, close: { enable: true, callback(details, event) { details.close(); }, }, }, drag: true, mask: { enable: true, }, width: PanelUISize.info.width, height: PanelUISize.info.height, style: ` .btn-control{ display: inline-block; margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; } .btn-control:hover{ color: #409eff; border-color: #c6e2ff; background-color: #ecf5ff; }`, }); const $exportToFile = $alert.$shadowRoot.querySelector(".btn-control[data-mode='export-to-file']"); const $exportToClipboard = $alert.$shadowRoot.querySelector(".btn-control[data-mode='export-to-clipboard']"); domUtils.on($exportToFile, "click", (event) => { domUtils.preventEvent(event); try { exportToFile(fileName, fileData); $alert.close(); } catch (error) { Qmsg.error(error.toString(), { consoleLogContent: true }); } }); domUtils.on($exportToClipboard, "click", async (event) => { const result = await utils.copy(fileData); if (result) { Qmsg.success("复制成功"); $alert.close(); } else { Qmsg.error("复制失败"); } }); }; const $dialog = __pops__.confirm({ title: { text: "配置", position: "center", }, content: { text: ` `, html: true, }, btn: { ok: { enable: true, type: "primary", text: "导入", callback(eventDetails, event) { importConfig(); }, }, cancel: { enable: true, text: "导出", callback(eventDetails, event) { exportConfig(void 0, configDataStr); }, }, }, width: PanelSizeUtil.width < 450 ? "90vw" : "450px", height: "auto", style: ` .pops-content textarea { --textarea-bd-color: #dcdfe6; display: inline-block; resize: vertical; padding: 5px 15px; margin: 0; line-height: normal; box-sizing: border-box; color: #606266; border: 0; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; width: 100%; height: 100%; appearance: none; resize: none; } .pops-content textarea{ height: 500px; } .pops-content textarea:focus { --textarea-bd-color: #3677f0; } .pops-content textarea:hover { --textarea-bd-color: #c0c4cc; } `, }); const $textarea = $dialog.$shadowRoot.querySelector("textarea"); const configData = {}; if (typeof _GM_listValues === "function") { const LocalKeys = _GM_listValues(); LocalKeys.forEach((key) => { const value = _GM_getValue(key); Reflect.set(configData, key, value); }); } else { Qmsg.warning("不支持函数GM_listValues，仅导出菜单配置"); const panelLocalValue = _GM_getValue(KEY); Reflect.set(configData, KEY, panelLocalValue); } const configDataStr = CommonUtil.toStr(configData); $textarea.value = configDataStr; }; const click_callback = () => { let supportURL = _GM_info?.script?.supportURL || _GM_info?.script?.namespace; if (typeof supportURL === "string" && utils.isNotNull(supportURL)) { window.open(supportURL, "_blank"); } }; return [ { id: "script-version", title: `版本：${_GM_info?.script?.version || "未知"}`, isBottom: true, views: [], clickFirstCallback() { return false; }, afterRender(config) { const anyTouch = new AnyTouch(config.$asideLiElement); anyTouch.on("tap", function (event) { clearTimeout(timer); timer = void 0; if (isDoubleClick) { isDoubleClick = false; dbclick_callback(); } else { timer = setTimeout(() => { isDoubleClick = false; click_callback(); }, 200); isDoubleClick = true; } }); }, }, ]; }, setDefaultBottomContentConfig(config) { this.$data.__defaultBottomContentConfig = config; }, }; const PanelMenu = { $data: { __menuOption: [ { key: "show_pops_panel_setting", text: "⚙ 设置", autoReload: false, isStoreValue: false, showText(text) { return text; }, callback: () => { Panel.showPanel(PanelContent.getConfig(0)); }, }, ], get menuOption() { return this.__menuOption; }, }, init() { this.initExtensionsMenu(); }, initExtensionsMenu() { if (!CommonUtil.isTopWindow()) { return; } MenuRegister.add(this.$data.menuOption); }, addMenuOption(option) { if (!Array.isArray(option)) { option = [option]; } this.$data.menuOption.push(...option); }, updateMenuOption(option) { if (!Array.isArray(option)) { option = [option]; } option.forEach((optionItem) => { let findIndex = this.$data.menuOption.findIndex((it) => { return it.key === optionItem.key; }); if (findIndex !== -1) { this.$data.menuOption[findIndex] = optionItem; } }); }, getMenuOption(index = 0) { return this.$data.menuOption[index]; }, deleteMenuOption(index = 0) { this.$data.menuOption.splice(index, 1); }, }; class StorageUtils { storageKey; listenerData; cacheData; callbacks = []; constructor(key) { if (typeof key === "string") { const trimKey = key.trim(); if (trimKey == "") { throw new Error("key can not be empty string"); } this.storageKey = trimKey; } else { throw new TypeError("key must be a string"); } this.listenerData = new utils$1.Dictionary(); this.getLocalValue = this.getLocalValue.bind(this); this.setLocalValue = this.setLocalValue.bind(this); this.destory = this.destory.bind(this); this.set = this.set.bind(this); this.get = this.get.bind(this); this.getAll = this.getAll.bind(this); this.delete = this.delete.bind(this); this.has = this.has.bind(this); this.keys = this.keys.bind(this); this.values = this.values.bind(this); this.clear = this.clear.bind(this); this.addValueChangeListener = this.addValueChangeListener.bind(this); this.removeValueChangeListener = this.removeValueChangeListener.bind(this); this.emitValueChangeListener = this.emitValueChangeListener.bind(this); } [Symbol.dispose]() { this.destory(); } async [Symbol.asyncDispose]() { this.destory(); } destory() { this.cacheData = null; for (let index = this.callbacks.length - 1; index >= 0; index--) { const cb = this.callbacks[index]; cb(); this.callbacks.splice(index, 1); } } getLocalValue() { if (this.cacheData == null) { let localValue = _GM_getValue(this.storageKey); if (localValue == null) { localValue = {}; this.setLocalValue(localValue); } this.destory(); this.cacheData = localValue; const listenerId = _GM_addValueChangeListener(this.storageKey, (name, oldValue, newValue) => { this.cacheData = null; this.cacheData = newValue; }); this.callbacks.push(() => { _GM_removeValueChangeListener(listenerId); }); return localValue; } else { return this.cacheData; } } setLocalValue(value) { this.cacheData = null; this.cacheData = value; _GM_setValue(this.storageKey, value); } set(key, value) { const oldValue = this.get(key); const localValue = this.getLocalValue(); Reflect.set(localValue, key, value); this.setLocalValue(localValue); this.emitValueChangeListener(key, value, oldValue); } get(key, defaultValue) { const localValue = this.getLocalValue(); return Reflect.get(localValue, key) ?? defaultValue; } getAll() { const localValue = this.getLocalValue(); return localValue; } delete(key) { const oldValue = this.get(key); const localValue = this.getLocalValue(); Reflect.deleteProperty(localValue, key); this.setLocalValue(localValue); this.emitValueChangeListener(key, void 0, oldValue); } has(key) { const localValue = this.getLocalValue(); return Reflect.has(localValue, key); } keys() { const localValue = this.getLocalValue(); return Reflect.ownKeys(localValue); } values() { const localValue = this.getLocalValue(); return Reflect.ownKeys(localValue).map((key) => Reflect.get(localValue, key)); } clear() { this.destory(); _GM_deleteValue(this.storageKey); } addValueChangeListener(key, callback) { const listenerId = Math.random(); const listenerData = this.listenerData.get(key) || []; listenerData.push({ id: listenerId, key, callback, }); this.listenerData.set(key, listenerData); return listenerId; } removeValueChangeListener(listenerId) { let flag = false; for (const [key, listenerData] of this.listenerData.entries()) { for (let index = 0; index < listenerData.length; index++) { const value = listenerData[index]; if ( (typeof listenerId === "string" && value.key === listenerId) || (typeof listenerId === "number" && value.id === listenerId) ) { listenerData.splice(index, 1); index--; flag = true; } } this.listenerData.set(key, listenerData); } return flag; } async emitValueChangeListener(...args) { const [key, newValue, oldValue] = args; if (!this.listenerData.has(key)) { return; } const listenerData = this.listenerData.get(key); for (let index = 0; index < listenerData.length; index++) { const data2 = listenerData[index]; if (typeof data2.callback === "function") { let __newValue; let __oldValue; if (args.length === 1); else if (args.length === 2) { __newValue = newValue; } else if (args.length === 3) { __newValue = newValue; __oldValue = oldValue; } await data2.callback(key, __newValue, __oldValue); } } } } const PopsPanelStorageApi = new StorageUtils(KEY); const Panel = { $data: { __contentConfigInitDefaultValue: null, __onceExecMenuData: null, __urlChangeReloadMenuExecOnce: null, __onceExecData: null, __panelConfig: {}, $panel: null, panelContent: [], get contentConfigInitDefaultValue() { if (this.__contentConfigInitDefaultValue == null) { this.__contentConfigInitDefaultValue = new utils.Dictionary(); } return this.__contentConfigInitDefaultValue; }, contentConfigInitDisabledKeys: [], get onceExecMenuData() { if (this.__onceExecMenuData == null) { this.__onceExecMenuData = new utils.Dictionary(); } return this.__onceExecMenuData; }, get urlChangeReloadMenuExecOnce() { if (this.__urlChangeReloadMenuExecOnce == null) { this.__urlChangeReloadMenuExecOnce = new utils.Dictionary(); } return this.__urlChangeReloadMenuExecOnce; }, get onceExecData() { if (this.__onceExecData == null) { this.__onceExecData = new utils.Dictionary(); } return this.__onceExecData; }, get scriptName() { return SCRIPT_NAME; }, get panelConfig() { return this.__panelConfig; }, set panelConfig(value) { this.__panelConfig = value; }, key: KEY, attributeKeyName: ATTRIBUTE_KEY, attributeDefaultValueName: ATTRIBUTE_DEFAULT_VALUE, }, init() { this.initContentDefaultValue(); PanelMenu.init(); }, initContentDefaultValue() { const initDefaultValue = (config) => { if (!config.attributes) { return; } if (config.type === "button" || config.type === "container" || config.type === "deepMenu") { return; } const attributes = config.attributes; let __attr_init__ = attributes[ATTRIBUTE_INIT]; if (typeof __attr_init__ === "function") { let __attr_result__ = __attr_init__(); if (typeof __attr_result__ === "boolean" && !__attr_result__) { return; } } let menuDefaultConfig = new Map(); let key = attributes[ATTRIBUTE_KEY]; if (key != null) { const defaultValue = attributes[ATTRIBUTE_DEFAULT_VALUE]; menuDefaultConfig.set(key, defaultValue); } let moreMenuDefaultConfig = attributes[ATTRIBUTE_INIT_MORE_VALUE]; if (typeof moreMenuDefaultConfig === "object" && moreMenuDefaultConfig) { Object.keys(moreMenuDefaultConfig).forEach((key2) => { const defaultValue = moreMenuDefaultConfig[key2]; menuDefaultConfig.set(key2, defaultValue); }); } if (!menuDefaultConfig.size) { log.warn("请先配置键", config); return; } if (config.type === "switch") { let disabled = typeof config.disabled === "function" ? config.disabled() : config.disabled; if (typeof disabled === "boolean" && disabled) { this.$data.contentConfigInitDisabledKeys.push(...menuDefaultConfig.keys()); } } for (const [__key, __defaultValue] of menuDefaultConfig.entries()) { this.setDefaultValue(__key, __defaultValue); } }; const loopInitDefaultValue = (configList) => { for (let index = 0; index < configList.length; index++) { let configItem = configList[index]; initDefaultValue(configItem); let childViews = configItem.views; if (childViews && Array.isArray(childViews)) { loopInitDefaultValue(childViews); } } }; const contentConfigList = [...PanelContent.getAllContentConfig()]; for (let index = 0; index < contentConfigList.length; index++) { let leftContentConfigItem = contentConfigList[index]; if (!leftContentConfigItem.views) { continue; } const rightContentConfigList = leftContentConfigItem.views; if (rightContentConfigList && Array.isArray(rightContentConfigList)) { loopInitDefaultValue(rightContentConfigList); } } this.$data.contentConfigInitDisabledKeys = [...new Set(this.$data.contentConfigInitDisabledKeys)]; }, setDefaultValue(key, defaultValue) { if (this.$data.contentConfigInitDefaultValue.has(key)) { log.warn("该key已存在，初始化默认值失败: " + key); } this.$data.contentConfigInitDefaultValue.set(key, defaultValue); }, getDefaultValue(key) { return this.$data.contentConfigInitDefaultValue.get(key); }, setValue(key, value) { PopsPanelStorageApi.set(key, value); }, getValue(key, defaultValue) { const localValue = PopsPanelStorageApi.get(key); if (localValue == null) { if (this.$data.contentConfigInitDefaultValue.has(key)) { return this.$data.contentConfigInitDefaultValue.get(key); } return defaultValue; } return localValue; }, deleteValue(key) { PopsPanelStorageApi.delete(key); }, hasKey(key) { return PopsPanelStorageApi.has(key); }, addValueChangeListener(key, callback, option) { const listenerId = PopsPanelStorageApi.addValueChangeListener(key, callback); if (option?.immediate || option?.immediateAll) { const value = this.getValue(key); if (option?.immediate) { callback(key, value, value); } else if (option?.immediateAll) { Panel.emitMenuValueChange(key, value, value); } } return listenerId; }, removeValueChangeListener(listenerId) { PopsPanelStorageApi.removeValueChangeListener(listenerId); }, emitMenuValueChange(key, newValue, oldValue) { PopsPanelStorageApi.emitValueChangeListener(key, newValue, oldValue); }, async exec(queryKey, callback, checkExec, once = true) { const that = this; let queryKeyFn; if (typeof queryKey === "string" || Array.isArray(queryKey)) { queryKeyFn = () => queryKey; } else { queryKeyFn = queryKey; } let isArrayKey = false; const queryKeyResult = queryKeyFn(); let keyList = []; if (Array.isArray(queryKeyResult)) { isArrayKey = true; keyList = queryKeyResult; } else { keyList.push(queryKeyResult); } const findNotInDataKey = keyList.find((it) => !this.$data.contentConfigInitDefaultValue.has(it)); if (findNotInDataKey) { log.warn(`${findNotInDataKey} 键不存在`); return; } const storageKey = JSON.stringify(keyList); if (once) { if (this.$data.onceExecMenuData.has(storageKey)) { return this.$data.onceExecMenuData.get(storageKey); } } let storeValueList = []; const listenerIdList = []; let destoryFnList = []; const addStoreValueCallback = (enableValue, args) => { let dynamicMenuStoreValueList = []; let dynamicDestoryFnList = []; let resultValueList = []; if (Array.isArray(args)) { resultValueList = resultValueList.concat(args); } else { const handleArgs = (obj) => { if (typeof obj === "object" && obj != null) { if (obj instanceof Element) { resultValueList.push(obj); } else { const { $css, destory } = obj; if ($css != null) { if (Array.isArray($css)) { resultValueList = resultValueList.concat($css); } else { resultValueList.push($css); } } if (typeof destory === "function") { resultValueList.push(destory); } } } else { resultValueList.push(obj); } }; if (args != null && Array.isArray(args)) { for (const it of args) { handleArgs(it); } } else { handleArgs(args); } } const handleResult = (it) => { if (it == null) { return; } if (it instanceof Element) { dynamicMenuStoreValueList.push(it); return; } if (typeof it === "function") { dynamicDestoryFnList.push(it); return; } }; for (const it of resultValueList) { const flag = handleResult(it); if (typeof flag === "boolean" && !flag) { break; } if (Array.isArray(it)) { for (const it2 of it) { const flag2 = handleResult(it2); if (typeof flag2 === "boolean" && !flag2) { break; } } } } execClearStoreStyleElements(); execDestory(); if (enableValue) { storeValueList = storeValueList.concat(dynamicMenuStoreValueList); destoryFnList = destoryFnList.concat(dynamicDestoryFnList); } }; const getMenuValue = (key) => { const value = this.getValue(key); return Boolean(value); }; const execClearStoreStyleElements = () => { for (let index = 0; index < storeValueList.length; index++) { const $css = storeValueList[index]; $css?.remove(); storeValueList.splice(index, 1); index--; } }; const execDestory = () => { for (let index = 0; index < destoryFnList.length; index++) { const destoryFnItem = destoryFnList[index]; destoryFnItem(); destoryFnList.splice(index, 1); index--; } }; const checkMenuExec = () => { let flag = false; if (typeof checkExec === "function") { flag = checkExec(keyList); } else { flag = keyList.every((key) => getMenuValue(key)); } return flag; }; const valueChangeCallback = async (valueOption) => { const execFlag = checkMenuExec(); let callbackResult = []; if (execFlag) { const valueList = keyList.map((key) => this.getValue(key)); callbackResult = await callback({ key: keyList, triggerKey: valueOption?.key, value: isArrayKey ? valueList : valueList[0], addStoreValue: (...args) => { return addStoreValueCallback(execFlag, args); }, }); } addStoreValueCallback(execFlag, callbackResult); }; if (once) { keyList.forEach((key) => { const listenerId = this.addValueChangeListener(key, (key2, newValue, oldValue) => { return valueChangeCallback({ key: key2, }); }); listenerIdList.push(listenerId); }); } await valueChangeCallback(); const result = { reload() { this.clearStoreStyleElements(); this.destory(); valueChangeCallback(); }, clear() { this.clearStoreStyleElements(); this.destory(); this.removeValueChangeListener(); this.clearOnceExecMenuData(); }, clearStoreStyleElements: () => { return execClearStoreStyleElements(); }, destory() { return execDestory(); }, removeValueChangeListener: () => { listenerIdList.forEach((listenerId) => { this.removeValueChangeListener(listenerId); }); }, clearOnceExecMenuData() { if (once) { that.$data.onceExecMenuData.delete(storageKey); } }, }; this.$data.onceExecMenuData.set(storageKey, result); return result; }, async execMenu(key, callback, isReverse = false, once = false) { return await this.exec( key, async (option) => { return await callback(option); }, (keyList) => { const execFlag = keyList.every((__key__) => { let flag = !!this.getValue(__key__); const disabled = Panel.$data.contentConfigInitDisabledKeys.includes(__key__); if (disabled) { flag = false; log.warn(`.execMenu${once ? "Once" : ""} ${__key__} 被禁用`); } if (isReverse) { flag = !flag; } return flag; }); return execFlag; }, once ); }, async execMenuOnce(key, callback, isReverse = false, listenUrlChange = false) { const result = await this.execMenu(key, callback, isReverse, true); if (listenUrlChange) { if (result) { const urlChangeEvent = () => { result.reload(); }; this.removeUrlChangeWithExecMenuOnceListener(key); this.addUrlChangeWithExecMenuOnceListener(key, urlChangeEvent); } } return result; }, deleteExecMenuOnce(key) { key = this.transformKey(key); this.$data.onceExecMenuData.delete(key); this.$data.urlChangeReloadMenuExecOnce.delete(key); const flag = PopsPanelStorageApi.removeValueChangeListener(key); return flag; }, onceExec(key, callback) { key = this.transformKey(key); if (typeof key !== "string") { throw new TypeError("key 必须是字符串"); } if (this.$data.onceExecData.has(key)) { return; } callback(); this.$data.onceExecData.set(key, 1); }, deleteOnceExec(key) { key = this.transformKey(key); this.$data.onceExecData.delete(key); }, addUrlChangeWithExecMenuOnceListener(key, callback) { key = this.transformKey(key); this.$data.urlChangeReloadMenuExecOnce.set(key, callback); return { off: () => { return this.removeUrlChangeWithExecMenuOnceListener(key); }, }; }, removeUrlChangeWithExecMenuOnceListener(key) { key = this.transformKey(key); this.$data.urlChangeReloadMenuExecOnce.delete(key); }, hasUrlChangeWithExecMenuOnceListener(key) { key = this.transformKey(key); return this.$data.urlChangeReloadMenuExecOnce.has(key); }, async emitUrlChangeWithExecMenuOnceEvent(config) { const values = this.$data.urlChangeReloadMenuExecOnce.values(); for (const callback of values) { await callback(config); } }, showPanel( content, title = `${SCRIPT_NAME}-设置`, preventDefaultContentConfig = false, preventRegisterSearchPlugin = false ) { this.$data.$panel = null; this.$data.panelContent = []; const checkHasBottomVersionContentConfig = content.findIndex((it) => { const isBottom = typeof it.isBottom === "function" ? it.isBottom() : Boolean(it.isBottom); return isBottom && it.id === "script-version"; }) !== -1; if (!preventDefaultContentConfig && !checkHasBottomVersionContentConfig) { content.push(...PanelContent.getDefaultBottomContentConfig()); } const $panel = __pops__.panel({ title: { text: title, position: "center", html: false, style: "", }, content, btn: { close: { enable: true, callback: (details) => { details.close(); this.$data.$panel = null; }, }, }, mask: { enable: true, clickEvent: { toClose: true, toHide: false, }, clickCallBack: (originalRun) => { originalRun(); this.$data.$panel = null; }, }, width: PanelUISize.setting.width, height: PanelUISize.setting.height, drag: true, only: true, style: ` .pops-switch-shortcut-wrapper{ margin-right: 5px; display: inline-flex; } .pops-switch-shortcut-wrapper:hover .pops-bottom-icon{ cursor: pointer; } `, ...this.$data.panelConfig, }); this.$data.$panel = $panel; this.$data.panelContent = content; if (!preventRegisterSearchPlugin) { this.registerConfigSearch({ $panel, content }); } }, registerConfigSearch(config) { const { $panel, content } = config; const asyncQueryProperty = async (target, handler) => { if (target == null) { return; } const handleResult = await handler(target); if (handleResult && typeof handleResult.isFind === "boolean" && handleResult.isFind) { return handleResult.data; } return await asyncQueryProperty(handleResult.data, handler); }; const scrollToElementAndListen = ($el, callback) => { const observer = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { callback?.(); observer.disconnect(); } }); }, { root: null, threshold: 1, } ); observer.observe($el); $el.scrollIntoView({ behavior: "smooth", block: "center" }); }; const addFlashingClass = ($el) => { const flashingClassName = "pops-flashing"; domUtils.onAnimationend($el, () => { $el.classList.remove(flashingClassName); }); $el.classList.add(flashingClassName); }; const dbclick_callback = (evt) => { if (evt.type === "dblclick" && isMobileTouch) { return; } domUtils.preventEvent(evt); const $alert = __pops__.alert({ title: { text: "搜索配置", position: "center", }, content: { text: `

`, html: true, }, btn: { ok: { enable: false }, }, mask: { clickEvent: { toClose: true, }, }, width: PanelUISize.settingMiddle.width, height: "auto", drag: true, style: ` ${__pops__.config.cssText.panelCSS} .search-wrapper{ border-bottom: 1px solid rgb(235, 238, 245, 1); } .pops-content:has(.search-result-wrapper:empty) .search-wrapper{ border-bottom: 0; } .search-config-text{ width: 100%; border: 0; height: 32px; padding: 0px 10px; outline: none; } .search-result-wrapper{ max-height: 400px; overflow: auto; } .search-result-item{ cursor: pointer; padding: 5px 10px; display: flex; flex-direction: column; } .search-result-item:hover{ background-color: #D8F1FD; } .search-result-item-path{ display: flex; align-items: center; } .search-result-item-description{ font-size: 0.8em; color: #6c6c6c; } ${config.searchDialogStyle ?? ""} `, }); $alert.$shadowRoot.querySelector(".search-wrapper"); const $searchInput = $alert.$shadowRoot.querySelector(".search-config-text"); const $searchResultWrapper = $alert.$shadowRoot.querySelector(".search-result-wrapper"); $searchInput.focus(); const clearSearchResult = () => { domUtils.empty($searchResultWrapper); }; const createSearchResultItem = (pathInfo) => { const searchPath = utils.queryProperty(pathInfo, (target) => { if (target?.next) { return { isFind: false, data: target.next, }; } else { return { isFind: true, data: target, }; } }); const $item = domUtils.createElement("div", { className: "search-result-item", innerHTML: `

${searchPath.matchedData?.path}

${searchPath.matchedData?.description ?? ""}

`, }); const panelHandlerComponents = __pops__.fn.PanelHandlerComponents(); domUtils.on($item, "click", () => { const $asideItems2 = $panel.$shadowRoot.querySelectorAll( "aside.pops-panel-aside .pops-panel-aside-top-container li" ); const $targetAsideItem = $asideItems2[pathInfo.index]; if (!$targetAsideItem) { Qmsg.error(`左侧项下标${pathInfo.index}不存在`); return; } $targetAsideItem.scrollIntoView({ behavior: "smooth", block: "center", }); $targetAsideItem.click(); asyncQueryProperty(pathInfo.next, async (target) => { if (target?.next) { const $findDeepMenu = await domUtils.waitNode(() => { return Array.from($panel.$shadowRoot.querySelectorAll(".pops-panel-deepMenu-nav-item")).find( ($deepMenu) => { const viewConfig = Reflect.get($deepMenu, panelHandlerComponents.$data.nodeStoreConfigKey); return typeof viewConfig === "object" && viewConfig != null && viewConfig.text === target.name; } ); }, 2500); if ($findDeepMenu) { $findDeepMenu.click(); } else { Qmsg.error("未找到对应的二级菜单"); return { isFind: true, data: target, }; } return { isFind: false, data: target.next, }; } else { const $findTargetMenu = await domUtils.waitNode(() => { return Array.from($panel.$shadowRoot.querySelectorAll(`li:not(.pops-panel-deepMenu-nav-item)`)).find( ($menuItem) => { const viewConfig = Reflect.get($menuItem, panelHandlerComponents.$data.nodeStoreConfigKey); return viewConfig === target.matchedData?.formConfig; } ); }, 2500); if ($findTargetMenu) { scrollToElementAndListen($findTargetMenu); const $fold = $findTargetMenu.closest(`.pops-panel-forms-fold[data-fold-enable]`); if ($fold) { const $foldWrapper = $fold.querySelector(".pops-panel-forms-fold-container"); $foldWrapper.click(); await utils.sleep(500); } scrollToElementAndListen($findTargetMenu, () => { addFlashingClass($findTargetMenu); }); } else { Qmsg.error("未找到对应的菜单项"); } return { isFind: true, data: target, }; } }); }); return $item; }; const execSearch = (searchText) => { const searchTextRegExp = new RegExp(searchText, "i"); const searchConfigResult = []; const loopContentConfig = (configList, path) => { for (let index = 0; index < configList.length; index++) { const configItem = configList[index]; const childViewConfig = configItem.views; if (childViewConfig && Array.isArray(childViewConfig)) { const deepMenuPath = utils.deepClone(path); if (configItem.type === "deepMenu") { const deepNext = utils.queryProperty(deepMenuPath, (target) => { if (target?.next) { return { isFind: false, data: target.next, }; } else { return { isFind: true, data: target, }; } }); deepNext.next = { name: configItem.text, }; } loopContentConfig(childViewConfig, deepMenuPath); } else { let text; let description; if (configItem.type === "own") { let searchConfig = Reflect.get(configItem.attributes || {}, ATTRIBUTE_PLUGIN_SEARCH_CONFIG); if (searchConfig) { if (typeof searchConfig === "function") { searchConfig = searchConfig(); } if (typeof searchConfig.text === "string") { text = searchConfig.text; } if (typeof searchConfig.desc === "string") { description = searchConfig.desc; } } } else { text = configItem.text; description = Reflect.get(configItem, "description"); } const delayMatchedTextList = [text, description]; const matchedIndex = delayMatchedTextList.findIndex((configText) => { if (typeof configText !== "string") { return; } return configText.match(searchTextRegExp); }); if (matchedIndex !== -1) { const matchedPath = utils.deepClone(path); const deepNext = utils.queryProperty(matchedPath, (target) => { if (target?.next) { return { isFind: false, data: target.next, }; } else { return { isFind: true, data: target, }; } }); deepNext.next = { name: text, matchedData: { path: "", formConfig: configItem, matchedText: delayMatchedTextList[matchedIndex], description, }, }; const pathList = []; utils.queryProperty(matchedPath, (target) => { const name = target?.name; if (typeof name === "string" && name.trim() !== "") { pathList.push(name); } if (target?.next) { return { isFind: false, data: target.next, }; } else { return { isFind: true, data: target, }; } }); const pathStr = pathList.join(CommonUtil.escapeHtml(" - ")); deepNext.next.matchedData.path = pathStr; searchConfigResult.push(matchedPath); } } } }; for (let index = 0; index < content.length; index++) { const leftContentConfigItem = content[index]; if (!leftContentConfigItem.views) { continue; } if (leftContentConfigItem.isBottom && leftContentConfigItem.id === "script-version") { continue; } const rightContentConfigList = leftContentConfigItem.views; if (rightContentConfigList && Array.isArray(rightContentConfigList)) { let text = leftContentConfigItem.title; if (typeof text === "function") { text = text(); } loopContentConfig(rightContentConfigList, { index, name: text, }); } } const fragment = document.createDocumentFragment(); for (const pathInfo of searchConfigResult) { let $resultItem = createSearchResultItem(pathInfo); fragment.appendChild($resultItem); } clearSearchResult(); $searchResultWrapper.append(fragment); }; domUtils.on( $searchInput, "input", utils.debounce((evt2) => { domUtils.preventEvent(evt2); let searchText = domUtils.val($searchInput).trim(); if (searchText === "") { clearSearchResult(); return; } execSearch(searchText); }, 200) ); }; const $asideItems = $panel.$shadowRoot.querySelectorAll( `aside.pops-panel-aside .pops-panel-aside-item:not(#script-version)` ); $asideItems.forEach(($asideItem) => { domUtils.on($asideItem, "dblclick", dbclick_callback); }); let clickMap = new WeakMap(); let isDoubleClick = false; let timer = void 0; let isMobileTouch = false; domUtils.on( $panel.$shadowRoot, "touchend", `aside.pops-panel-aside .pops-panel-aside-item:not(#script-version)`, (evt, $selector) => { isMobileTouch = true; clearTimeout(timer); timer = void 0; if (isDoubleClick && clickMap.has($selector)) { isDoubleClick = false; clickMap.delete($selector); dbclick_callback(evt); } else { timer = setTimeout(() => { isDoubleClick = false; }, 200); isDoubleClick = true; clickMap.set($selector, evt); } }, { capture: true, } ); $panel.$shadowRoot.appendChild( domUtils.createElement("style", { type: "text/css", textContent: ` .pops-flashing{ animation: double-blink 1.5s ease-in-out; } @keyframes double-blink { 0% { background-color: initial; } 25% { background-color: yellow; } 50% { background-color: initial; } 75% { background-color: yellow; } 100% { background-color: initial; } } `, }) ); }, transformKey(key) { if (Array.isArray(key)) { const keyArray = key.sort(); return JSON.stringify(keyArray); } else { return key; } }, getDynamicValue(key, defaultValue) { const that = this; let isInit = false; let __value = defaultValue; const listenerId = this.addValueChangeListener(key, (_, newValue) => { __value = newValue; }); return { get value() { if (!isInit) { isInit = true; __value = that.getValue(key, defaultValue); } return __value; }, destory() { that.removeValueChangeListener(listenerId); }, }; }, }; const PanelSettingConfig = { qmsg_config_position: { key: "qmsg-config-position", defaultValue: "bottom", }, qmsg_config_maxnums: { key: "qmsg-config-maxnums", defaultValue: 3, }, qmsg_config_showreverse: { key: "qmsg-config-showreverse", defaultValue: false, }, }; const utils = utils$1.noConflict(); const domUtils = DOMUtils.noConflict(); const __pops__ = pops; const log = new utils.Log(_GM_info, _unsafeWindow.console || _monkeyWindow.console); const SCRIPT_NAME = _GM_info?.script?.name || void 0; const AnyTouch = pops.fn.Utils.AnyTouch(); const DEBUG = false; log.config({ debug: false, logMaxCount: 250, autoClearConsole: true, tag: true, }); const getPageMaxZIndex = () => { const deviation = 100; const popsZIndex = pops.fn.InstanceUtils.getPopsMaxZIndex()?.zIndex ?? 0; const pointZIndex = utils.getMaxZIndexNodeInfoFromPoint()[0]?.zIndex ?? 0; const maxZIndex = Math.max(deviation, popsZIndex, pointZIndex); return maxZIndex; }; Qmsg.config({ isHTML: true, autoClose: true, showClose: false, consoleLogContent(qmsgInst) { const qmsgType = qmsgInst.setting.type; if (qmsgType === "loading") { return false; } const content = qmsgInst.setting.content; if (qmsgType === "warning") { log.warn(content); } else if (qmsgType === "error") { log.error(content); } else { log.info(content); } return false; }, get position() { return Panel.getValue( PanelSettingConfig.qmsg_config_position.key, PanelSettingConfig.qmsg_config_position.defaultValue ); }, get maxNums() { return Panel.getValue( PanelSettingConfig.qmsg_config_maxnums.key, PanelSettingConfig.qmsg_config_maxnums.defaultValue ); }, get showReverse() { return Panel.getValue( PanelSettingConfig.qmsg_config_showreverse.key, PanelSettingConfig.qmsg_config_showreverse.defaultValue ); }, get zIndex() { return getPageMaxZIndex(); }, }); __pops__.GlobalConfig.setGlobalConfig({ zIndex: () => { return getPageMaxZIndex(); }, mask: { enable: true, clickEvent: { toClose: false, toHide: false, }, }, drag: true, }); const MenuRegister = new utils.GM_Menu({ GM_getValue: _GM_getValue, GM_setValue: _GM_setValue, GM_registerMenuCommand: _GM_registerMenuCommand, GM_unregisterMenuCommand: _GM_unregisterMenuCommand, }); const httpx = new utils.Httpx({ xmlHttpRequest: _GM_xmlhttpRequest, logDetails: DEBUG, }); httpx.interceptors.request.use((data2) => { return data2; }); httpx.interceptors.response.use(void 0, (data2) => { log.error("拦截器-请求错误", data2); if (data2.type === "onabort") { Qmsg.warning("请求取消", { consoleLogContent: true }); } else if (data2.type === "onerror") { Qmsg.error("请求异常", { consoleLogContent: true }); } else if (data2.type === "ontimeout") { Qmsg.error("请求超时", { consoleLogContent: true }); } else { Qmsg.error("其它错误", { consoleLogContent: true }); } return data2; }); const OriginPrototype = { Object: { defineProperty: _unsafeWindow.Object.defineProperty, keys: _unsafeWindow.Object.keys, values: _unsafeWindow.Object.values, }, Function: { apply: _unsafeWindow.Function.prototype.apply, call: _unsafeWindow.Function.prototype.call, }, Element: { appendChild: _unsafeWindow.Element.prototype.appendChild, }, setTimeout: _unsafeWindow.setTimeout.bind(_unsafeWindow), clearTimeout: _unsafeWindow.clearTimeout.bind(_unsafeWindow), setInterval: _unsafeWindow.setInterval.bind(_unsafeWindow), clearInterval: _unsafeWindow.clearInterval.bind(_unsafeWindow), }; const addStyle = domUtils.addStyle.bind(domUtils); const $ = DOMUtils.selector.bind(DOMUtils); const $$ = DOMUtils.selectorAll.bind(DOMUtils); const cookieManager = new utils.GM_Cookie(); const _SCRIPT_NAME_ = SCRIPT_NAME || "【移动端】bilibili优化"; const QRCodeJS = _monkeyWindow.QRCode || _unsafeWindow.QRCode; const AppKeyInfo = { ios: { appkey: "27eb53fc9058f8c3", appsec: "c2ed53a74eeefe3cf99fbd01d8c9c375", mobi_app: "ipnone", }, }; function appSign(params, appkey, appsec) { params.appkey = appkey; const searchParams = new URLSearchParams(params); searchParams.sort(); return md5(searchParams.toString() + appsec); } const BilibiliApiResponseCheck = { isWebApiSuccess(json) { const message = (typeof json?.message === "string" ? json.message : "").toLowerCase(); return json?.code === 0 && (json?.message === "0" || message === "success" || message === "ok"); }, isAreaLimit(data2) { const areaLimitCode = { 6002003: "抱歉您所在地区不可观看！", }; const flag = Object.keys(areaLimitCode).findIndex((code) => { const codeMsg = areaLimitCode[code]; if (data2.code.toString() === code.toString() || data2.message.includes(codeMsg)) { return true; } }) !== -1; return flag; }, }; const BilibiliLoginApi = { async getQrCodeInfo() { const Api = "https://passport.bilibili.com/x/passport-tv-login/qrcode/auth_code"; const postData = { appkey: AppKeyInfo.ios.appkey, local_id: "0", ts: "0", mobi_app: AppKeyInfo.ios.mobi_app, csrf: cookieManager.get("bili_jct")?.value || "", }; const sign = appSign(postData, AppKeyInfo.ios.appkey, AppKeyInfo.ios.appsec); const response = await httpx.post(Api, { data: utils.toSearchParamsStr({ ...postData, sign, }), headers: { "Content-Type": "application/x-www-form-urlencoded", }, responseType: "json", fetch: true, }); log.info(response); if (!response.status) { return; } const data2 = utils.toJSON(response.data.responseText); if (data2.code !== 0) { Qmsg.error(data2.message); return; } const loginData = data2.data; return loginData; }, async poll(auth_code) { const Api = "https://passport.bilibili.com/x/passport-tv-login/qrcode/poll"; const postData = { appkey: AppKeyInfo.ios.appkey, auth_code, local_id: "0", ts: "0", }; const sign = appSign(postData, AppKeyInfo.ios.appkey, AppKeyInfo.ios.appsec); const response = await httpx.post(Api, { data: utils.toSearchParamsStr({ ...postData, sign, }), headers: { "Content-Type": "application/x-www-form-urlencoded", }, responseType: "json", fetch: true, }); if (!response.status) { return { success: false, message: "网络错误", action: void 0 }; } const json = utils.toJSON(response.data.responseText); log.info(json); const msgMap = { 0: "成功", "-3": "API校验密匙错误", "-400": "请求错误", "-404": "啥都木有", 86038: "二维码已失效", 86039: "二维码尚未确认", 86090: "二维码已扫码未确认", }; if (!BilibiliApiResponseCheck.isWebApiSuccess(json)) { const code = json.code.toString(); const message = json.message || msgMap[code] || "未知错误"; if (code === "86038") { return { success: false, message, action: "refresh" }; } if (code === "86039" || code === "86090") { return { success: false, message, action: "wait" }; } return { success: false, message, action: void 0 }; } const accessKey = json.data.access_token; const accessKeyExpireAt = Date.now() + json.data.expires_in * 1e3; return { success: true, message: "获取成功", accessKey, accessKeyExpireAt, }; }, }; const BilibiliQrCodeLogin = { async init() { Qmsg.info("正在申请二维码..."); let qrcodeInfo = await this.getQRCodeInfo(); if (!qrcodeInfo) { return; } this.confirmScanQrcode(qrcodeInfo); }, getQRCodeInfo: async function () { log.info("正在申请二维码..."); let qrcodeInfo = await BilibiliLoginApi.getQrCodeInfo(); log.info("获取到二维码信息", qrcodeInfo); return qrcodeInfo; }, async confirmScanQrcode(qrcodeInfo) { let $alert = __pops__.alert({ title: { text: "请扫描二维码登录", position: "center", html: false, style: "", }, content: { text: `

`, html: true, }, btn: { ok: { enable: false, }, close: { enable: true, callback(event) { isUserCloseScanDialog = true; event.close(); }, }, }, mask: { enable: true, clickEvent: { toClose: false, toHide: false, }, }, only: true, width: "310px", height: "365px", drag: true, dragLimit: true, style: ` #bili-qrcode-canvas{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } `, }); let $biliQrcodeCanvas = $alert.$shadowRoot.querySelector("#bili-qrcode-canvas"); let qrcode = new QRCodeJS($biliQrcodeCanvas, { text: qrcodeInfo.url, width: 300, height: 300, colorDark: "#000000", colorLight: "#ffffff", correctLevel: QRCodeJS.CorrectLevel.H, }); let isUserCloseScanDialog = false; while (true) { if (isUserCloseScanDialog) { log.error("用户关闭扫码登录弹窗、取消扫码登录"); break; } log.info("正在等待扫码登录..."); let pollInfo = await BilibiliLoginApi.poll(qrcodeInfo.auth_code); if (pollInfo?.success) { this.setAccessTokenInfo({ access_token: pollInfo.accessKey, expireAt: pollInfo.accessKeyExpireAt, }); log.info("扫码登录成功", pollInfo); Qmsg.success("扫码登录成功"); break; } else { if (pollInfo?.action === "refresh") { log.info("刷新二维码"); Qmsg.info("刷新二维码"); let qrcodeInfo2 = await this.getQRCodeInfo(); if (qrcodeInfo2) { qrcode.clear(); qrcode.makeCode(qrcodeInfo2.url); } } else if (pollInfo.action === "wait") { if (pollInfo.message === "二维码已扫码未确认") { log.info("已扫码，等待确认..."); __pops__.loading({ $parent: $biliQrcodeCanvas, content: { text: "已扫码，等待确认", }, mask: { enable: true, }, }); } } else { log.error(pollInfo.message); Qmsg.error(pollInfo.message); break; } } await utils.sleep(1500); } $alert.close(); }, generateExpireAt(monthNumber = 6) { return new Date().getTime() + 1e3 * 60 * 60 * 24 * 30 * monthNumber; }, setAccessTokenInfo(data2) { _GM_setValue("bili-accessTokenInfo", data2); }, getAccessTokenInfo() { let data2 = _GM_getValue("bili-accessTokenInfo"); if (data2 && data2.expireAt > Date.now()) { return data2; } else { return null; } }, getAccessToken() { return this.getAccessTokenInfo()?.access_token || ""; }, }; const BilibiliApiConfig = { web_host: "api.bilibili.com", }; const githubCDNServerList = { 上海: [ "cn-sh-ct-01-06.bilivideo.com", "cn-sh-ct-01-13.bilivideo.com", "cn-sh-ct-01-15.bilivideo.com", "cn-sh-ct-01-24.bilivideo.com", "cn-sh-ct-01-36.bilivideo.com", "cn-sh-office-bcache-01.bilivideo.com", ], 北京: [ "cn-bj-cc-03-14.bilivideo.com", "cn-bj-cc-03-17.bilivideo.com", "cn-bj-fx-01-01.bilivideo.com", "cn-bj-fx-01-04.bilivideo.com", "cn-bj-fx-01-05.bilivideo.com", "cn-bj-se-01-05.bilivideo.com", ], 南京: ["cn-jsnj-fx-02-05.bilivideo.com", "cn-jsnj-fx-02-07.bilivideo.com", "cn-jsnj-fx-02-10.bilivideo.com"], 呼市: [ "cn-nmghhht-cm-01-11.bilivideo.com", "cn-nmghhht-cu-01-01.bilivideo.com", "cn-nmghhht-cu-01-08.bilivideo.com", "cn-nmghhht-cu-01-09.bilivideo.com", "cn-nmghhht-cu-01-12.bilivideo.com", "cn-nmghhht-cu-01-15.bilivideo.com", ], 哈市: [ "cn-hljheb-cm-01-01.bilivideo.com", "cn-hljheb-cm-01-03.bilivideo.com", "cn-hljheb-ct-01-02.bilivideo.com", "cn-hljheb-ct-01-03.bilivideo.com", "cn-hljheb-ct-01-04.bilivideo.com", "cn-hljheb-ct-01-07.bilivideo.com", ], 外建: [ "c0--cn-gotcha01.bilivideo.com", "d0--cn-gotcha09.bilivideo.com", "d1--cn-gotcha101.bilivideo.com", "d1--cn-gotcha102.bilivideo.com", "d1--cn-gotcha204-1.bilivideo.com", "d1--cn-gotcha204-2.bilivideo.com", "d1--cn-gotcha204-3.bilivideo.com", "d1--cn-gotcha204-4.bilivideo.com", "d1--cn-gotcha207.bilivideo.com", "d1--cn-gotcha211.bilivideo.com", "d1--cn-gotcha308.bilivideo.com", "d1--ov-gotcha01.bilivideo.com", "d1--ov-gotcha03.bilivideo.com", "d1--ov-gotcha207.bilivideo.com", "d1--ov-gotcha208.bilivideo.com", "d1--ov-gotcha209.bilivideo.com", "d1--ov-gotcha210.bilivideo.com", "d1--p1--cn-gotcha04.bilivideo.com", "d1--tf-gotcha04.bilivideo.com", ], 天津: [ "cn-tj-cm-02-01.bilivideo.com", "cn-tj-cm-02-02.bilivideo.com", "cn-tj-cm-02-04.bilivideo.com", "cn-tj-cm-02-05.bilivideo.com", "cn-tj-cm-02-06.bilivideo.com", "cn-tj-cm-02-07.bilivideo.com", "cn-tj-cu-01-02.bilivideo.com", "cn-tj-cu-01-03.bilivideo.com", "cn-tj-cu-01-04.bilivideo.com", "cn-tj-cu-01-06.bilivideo.com", "cn-tj-cu-01-07.bilivideo.com", "cn-tj-cu-01-09.bilivideo.com", "cn-tj-cu-01-10.bilivideo.com", "cn-tj-cu-01-11.bilivideo.com", "cn-tj-cu-01-12.bilivideo.com", "cn-tj-cu-01-13.bilivideo.com", ], 广州: [ "cn-gdgz-cm-01-02.bilivideo.com", "cn-gdgz-cm-01-10.bilivideo.com", "cn-gdgz-fx-01-01.bilivideo.com", "cn-gdgz-fx-01-02.bilivideo.com", "cn-gdgz-fx-01-03.bilivideo.com", "cn-gdgz-fx-01-04.bilivideo.com", "cn-gdgz-fx-01-06.bilivideo.com", "cn-gdgz-fx-01-08.bilivideo.com", "cn-gdgz-fx-01-09.bilivideo.com", "cn-gdgz-fx-01-10.bilivideo.com", "cn-gdgz-gd-01-01.bilivideo.com", ], 成都: [ "cn-sccd-cm-03-01.bilivideo.com", "cn-sccd-cm-03-02.bilivideo.com", "cn-sccd-cm-03-05.bilivideo.com", "cn-sccd-ct-01-02.bilivideo.com", "cn-sccd-ct-01-08.bilivideo.com", "cn-sccd-ct-01-10.bilivideo.com", "cn-sccd-ct-01-17.bilivideo.com", "cn-sccd-ct-01-18.bilivideo.com", "cn-sccd-ct-01-19.bilivideo.com", "cn-sccd-ct-01-20.bilivideo.com", "cn-sccd-ct-01-21.bilivideo.com", "cn-sccd-ct-01-22.bilivideo.com", "cn-sccd-ct-01-23.bilivideo.com", "cn-sccd-ct-01-24.bilivideo.com", "cn-sccd-ct-01-25.bilivideo.com", "cn-sccd-ct-01-26.bilivideo.com", "cn-sccd-ct-01-27.bilivideo.com", "cn-sccd-ct-01-29.bilivideo.com", "cn-sccd-cu-01-02.bilivideo.com", "cn-sccd-cu-01-03.bilivideo.com", "cn-sccd-cu-01-04.bilivideo.com", "cn-sccd-cu-01-05.bilivideo.com", "cn-sccd-cu-01-06.bilivideo.com", "cn-sccd-cu-01-07.bilivideo.com", "cn-sccd-cu-01-09.bilivideo.com", "cn-sccd-fx-01-01.bilivideo.com", "cn-sccd-fx-01-06.bilivideo.com", ], 新疆: [ "cn-xj-cm-02-01.bilivideo.com", "cn-xj-cm-02-03.bilivideo.com", "cn-xj-cm-02-04.bilivideo.com", "cn-xj-cm-02-06.bilivideo.com", "cn-xj-ct-01-01.bilivideo.com", "cn-xj-ct-01-02.bilivideo.com", "cn-xj-ct-01-03.bilivideo.com", "cn-xj-ct-01-04.bilivideo.com", "cn-xj-ct-01-05.bilivideo.com", "cn-xj-ct-02-02.bilivideo.com", ], 杭州: [ "cn-zjhz-cm-01-01.bilivideo.com", "cn-zjhz-cm-01-04.bilivideo.com", "cn-zjhz-cm-01-07.bilivideo.com", "cn-zjhz-cm-01-12.bilivideo.com", "cn-zjhz-cm-01-17.bilivideo.com", "cn-zjhz-cu-01-01.bilivideo.com", "cn-zjhz-cu-01-02.bilivideo.com", "cn-zjhz-cu-01-05.bilivideo.com", "cn-zjhz-cu-v-02.bilivideo.com", ], 武汉: [ "cn-hbwh-cm-01-01.bilivideo.com", "cn-hbwh-cm-01-02.bilivideo.com", "cn-hbwh-cm-01-04.bilivideo.com", "cn-hbwh-cm-01-05.bilivideo.com", "cn-hbwh-cm-01-06.bilivideo.com", "cn-hbwh-cm-01-08.bilivideo.com", "cn-hbwh-cm-01-09.bilivideo.com", "cn-hbwh-cm-01-10.bilivideo.com", "cn-hbwh-cm-01-12.bilivideo.com", "cn-hbwh-cm-01-13.bilivideo.com", "cn-hbwh-cm-01-17.bilivideo.com", "cn-hbwh-cm-01-19.bilivideo.com", "cn-hbwh-fx-01-02.bilivideo.com", "cn-hbwh-fx-01-12.bilivideo.com", "cn-hbwh-fx-01-13.bilivideo.com", ], 沈阳: [ "cn-lnsy-cm-01-01.bilivideo.com", "cn-lnsy-cm-01-03.bilivideo.com", "cn-lnsy-cm-01-04.bilivideo.com", "cn-lnsy-cm-01-05.bilivideo.com", "cn-lnsy-cm-01-06.bilivideo.com", "cn-lnsy-cu-01-03.bilivideo.com", "cn-lnsy-cu-01-04.bilivideo.com", "cn-lnsy-cu-01-06.bilivideo.com", ], 泉州: [ "cn-fjqz-cm-01-01.bilivideo.com", "cn-fjqz-cm-01-02.bilivideo.com", "cn-fjqz-cm-01-03.bilivideo.com", "cn-fjqz-cm-01-04.bilivideo.com", "cn-fjqz-cm-01-05.bilivideo.com", "cn-fjqz-cm-01-06.bilivideo.com", "cn-fjqz-cm-01-08.bilivideo.com", "cn-fjqz-cmcc-live-01.bilivideo.com", ], 海外: ["upos-hz-mirrorakam.akamaized.net", "upos-sz-mirroraliov.bilivideo.com"], 深圳: [ "upos-sz-dynqn.bilivideo.com", "upos-sz-estgcos.bilivideo.com", "upos-sz-estghw.bilivideo.com", "upos-sz-mirror08c.bilivideo.com", "upos-sz-mirror08ct.bilivideo.com", "upos-sz-mirror08h.bilivideo.com", "upos-sz-mirroralib.bilivideo.com", "upos-sz-mirroralibstar1.bilivideo.com", "upos-sz-mirroraliov.bilivideo.com", "upos-sz-mirrorbd.bilivideo.com", "upos-sz-mirrorcf1ov.bilivideo.com", "upos-sz-mirrorcosdisp.bilivideo.com", "upos-sz-mirrorctos.bilivideo.com", "upos-sz-mirrorhwdisp.bilivideo.com", "upos-sz-originbstar.bilivideo.com", "upos-sz-origincosgzhw.bilivideo.com", "upos-sz-origincosv.bilivideo.com", ], 西安: [ "cn-sxxa-cm-01-01.bilivideo.com", "cn-sxxa-cm-01-02.bilivideo.com", "cn-sxxa-cm-01-04.bilivideo.com", "cn-sxxa-cm-01-09.bilivideo.com", "cn-sxxa-cm-01-12.bilivideo.com", "cn-sxxa-ct-03-02.bilivideo.com", "cn-sxxa-ct-03-03.bilivideo.com", "cn-sxxa-ct-03-04.bilivideo.com", "cn-sxxa-cu-02-01.bilivideo.com", "cn-sxxa-cu-02-02.bilivideo.com", ], 郑州: [ "cn-hnzz-cm-01-01.bilivideo.com", "cn-hnzz-cm-01-02.bilivideo.com", "cn-hnzz-cm-01-03.bilivideo.com", "cn-hnzz-cm-01-04.bilivideo.com", "cn-hnzz-cm-01-05.bilivideo.com", "cn-hnzz-cm-01-06.bilivideo.com", "cn-hnzz-cm-01-09.bilivideo.com", "cn-hnzz-cm-01-11.bilivideo.com", "cn-hnzz-fx-01-01.bilivideo.com", "cn-hnzz-fx-01-08.bilivideo.com", ], 香港: [ "cn-hk-eq-01-03.bilivideo.com", "cn-hk-eq-01-09.bilivideo.com", "cn-hk-eq-01-10.bilivideo.com", "cn-hk-eq-01-12.bilivideo.com", "cn-hk-eq-01-13.bilivideo.com", "cn-hk-eq-01-14.bilivideo.com", "cn-hk-eq-bcache-13.bilivideo.com", "cn-hk-eq-bcache-16.bilivideo.com", ], }; const serverAreaList = { ...githubCDNServerList, 海外: [ "upos-hz-mirrorakam.akamaized.net", "upos-sz-mirroraliov.bilivideo.com", "upos-sz-mirrorcosov.bilivideo.com", "upos-sz-mirrorhwov.bilivideo.com", "cn-hk-eq-bcache-01.bilivideo.com", ], "海外（东南亚）": [ "upos-sz-mirroralibstar1.bilivideo.com", "upos-sz-mirrorcosbstar1.bilivideo.com", "upos-sz-mirrorhwbstar1.bilivideo.com", "upos-bstar1-mirrorakam.akamaized.net", ], 其它: ["upos-tf-all-hw.bilivideo.com", "upos-tf-all-tx.bilivideo.com"], }; const serverList = [ { name: "不替换", host: "", }, ]; Object.keys(serverAreaList).map((key) => { const hostList = serverAreaList[key]; hostList.forEach((host) => { serverList.push({ name: `${key} - ${host.trim().replace(/\.bilivideo\.com$/gi, "")}`, host, }); }); }); const BilibiliCDNServerList = serverList; const BilibiliApiProxy = { getBangumiProxyHost() { const serverHost = [ { name: "中国大陆", area: "", host: Panel.getValue("bili-bangumi-proxyApiServer-default", "").trim() || BilibiliApiConfig.web_host, }, ]; if (!Panel.getValue("bili-bangumi-unlockAreaLimit")) { return serverHost; } const hk_host = Panel.getValue("bili-bangumi-proxyApiServer-hk"); if (utils.isNotNull(hk_host)) { serverHost.push({ name: "香港", area: "hk", host: hk_host, }); } const tw_host = Panel.getValue("bili-bangumi-proxyApiServer-tw"); if (utils.isNotNull(tw_host)) { serverHost.push({ name: "台湾", area: "tw", host: tw_host, }); } const tha_host = Panel.getValue("bili-bangumi-proxyApiServer-tha-or-sea"); if (utils.isNotNull(tha_host)) { serverHost.push({ name: "泰国/东南亚", area: "th", host: tha_host, }); } return serverHost; }, getSearchProxyHost() { const bangumiProxyHost = this.getBangumiProxyHost(); const serverHost = []; const hk_host = Panel.getValue("bili-search-proxyApiServer-hk"); if (utils.isNotNull(hk_host)) { serverHost.push({ name: "香港", area: "hk", host: hk_host, }); } else { const bangumi_hk_host = bangumiProxyHost.find((item) => item.area === "hk"); if (bangumi_hk_host) { serverHost.push(bangumi_hk_host); } } const tw_host = Panel.getValue("bili-search-proxyApiServer-tw"); if (utils.isNotNull(tw_host)) { serverHost.push({ name: "台湾", area: "tw", host: tw_host, }); } else { const bangumi_tw_host = bangumiProxyHost.find((item) => item.area === "tw"); if (bangumi_tw_host) { serverHost.push(bangumi_tw_host); } } const tha_host = Panel.getValue("bili-search-proxyApiServer-tha-or-sea"); if (utils.isNotNull(tha_host)) { serverHost.push({ name: "泰国/东南亚", area: "th", host: tha_host, }); } else { const bangumi_tha_host = bangumiProxyHost.find((item) => item.area === "th"); if (bangumi_tha_host) { serverHost.push(bangumi_tha_host); } } return serverHost; }, getBangumiProxySearchParam(option = {}) { const proxyData = { from_client: "BROWSER", drm_tech_type: 2, module: "bangumi", area: option?.area || "", access_key: BilibiliQrCodeLogin.getAccessToken(), }; return proxyData; }, }; const BilibiliCDNProxy = { findBetterCDN(...args) { let urlList = []; args.forEach((arg) => { if (Array.isArray(arg)) { urlList = urlList.concat(arg.filter((item) => typeof item === "string")); } else { if (typeof arg === "string") { urlList.push(arg); } } }); const betterCDN = urlList.find((url) => { const urlInst = new URL(url); if (urlInst.host.startsWith("upos")) { return url; } }); if (betterCDN) { return betterCDN; } else { return urlList[0]; } }, replaceVideoCDN(url, isAudio = false) { const userChooseCDN = isAudio ? Panel.getValue("bili-video-uposServerSelect-audio") : Panel.getValue("bili-video-uposServerSelect"); let ownCDN = isAudio ? Panel.getValue("bili-video-uposServerSelect-audio-own") : Panel.getValue("bili-video-uposServerSelect-own"); ownCDN = (ownCDN ?? "").trim(); return this.replaceVideoCDNHost(url, userChooseCDN, ownCDN); }, replaceBangumiVideoCDN(url, isAudio = false) { const userChooseCDN = isAudio ? Panel.getValue("bili-bangumi-uposServerSelect-audio") : Panel.getValue("bili-bangumi-uposServerSelect"); let ownCDN = isAudio ? Panel.getValue("bili-bangumi-uposServerSelect-audio-own") : Panel.getValue("bili-bangumi-uposServerSelect-own"); ownCDN = (ownCDN ?? "").trim(); return this.replaceVideoCDNHost(url, userChooseCDN, ownCDN); }, replaceLiveVideoCDN(url) { const userChooseCDN = Panel.getValue("bili-live-uposServerSelect"); let ownCDN = Panel.getValue("bili-live-uposServerSelect-own"); ownCDN = (ownCDN ?? "").trim(); return this.replaceVideoCDNHost(url, userChooseCDN, ownCDN); }, replaceVideoCDNHost(url, userChooseCDNHost, ownCDNHost) { try { const urlInst = new URL(url); const originHost = urlInst.host; if (utils.isNotNull(ownCDNHost)) { if (originHost !== ownCDNHost) { return url; } urlInst.host = ownCDNHost; log.info(`原Host为：${originHost}，替换CDN为自定义：${ownCDNHost}`); return urlInst.toString(); } const chooseUposCDNInfo = BilibiliCDNServerList.find((item) => { return item.host === userChooseCDNHost; }); if (utils.isNull(chooseUposCDNInfo) || utils.isNull(chooseUposCDNInfo.host)) { return url; } const chooseUposCDNHost = chooseUposCDNInfo.host; if (chooseUposCDNHost === urlInst.host) { return url; } urlInst.host = chooseUposCDNHost; log.info(`原Host为：${originHost}，替换CDN为：${JSON.stringify(chooseUposCDNInfo)}`); return urlInst.toString(); } catch (error) { log.error("视频upos替换失败", error); return url; } }, }; const BilibiliPlayerToast = { $flag: { isInitCSS: false, }, $data: { originToast: "mplayer-toast", showClassName: "mplayer-show", prefix: "mplayer-toast-gm", }, $el: { get $mplayer() { return $(".mplayer"); }, }, toast(config) { if (typeof config === "string") { config = { text: config, }; } this.initCSS(); let $parent = config.parent ?? this.$el.$mplayer; if (!$parent) { throw new TypeError("toast parent is null"); } this.mutationMPlayerOriginToast($parent); let $toast = domUtils.createElement("div", { "data-from": "gm", }); domUtils.addClass($toast, this.$data.prefix); domUtils.addClass($toast, this.$data.showClassName); if (config.showCloseBtn) { let $closeBtn = domUtils.createElement("div", { className: this.$data.prefix + "-close", innerHTML: ` `, }); $toast.appendChild($closeBtn); domUtils.on($closeBtn, "click", (event) => { domUtils.preventEvent(event); this.closeToast($toast); }); } let $text = domUtils.createElement("span", { className: this.$data.prefix + "-text", innerText: config.text, }); $toast.appendChild($text); if (typeof config.timeText === "string" && config.timeText.trim() != "") { let $time = domUtils.createElement("span", { className: this.$data.prefix + "-time", innerText: config.timeText, }); $toast.appendChild($time); } if (typeof config.jumpText === "string" && config.jumpText.trim() != "") { let $jump = domUtils.createElement("span", { className: this.$data.prefix + "-jump", innerText: config.jumpText, }); $toast.appendChild($jump); domUtils.on($jump, "click", (event) => { if (typeof config.jumpClickCallback === "function") { domUtils.preventEvent(event); config.jumpClickCallback(event); } }); } this.setTransitionendEvent($toast); let timeout = typeof config.timeout === "number" && !isNaN(config.timeout) ? config.timeout : 3500; Array.from($$(`.mplayer-toast`)).forEach(($mplayerOriginToast) => { if ($mplayerOriginToast.hasAttribute("data-is-set-transitionend")) { return; } $mplayerOriginToast.setAttribute("data-is-set-transitionend", "true"); if ($mplayerOriginToast.textContent?.includes("记忆你上次看到")) { setTimeout(() => { let $close = $mplayerOriginToast.querySelector(".mplayer-toast-close"); if ($close) { $close.click(); } else { $mplayerOriginToast.remove(); } }, 3e3); } this.setTransitionendEvent($mplayerOriginToast); }); $parent.appendChild($toast); setTimeout(() => { this.closeToast($toast); }, timeout); return { $toast, close: () => { this.closeToast($toast); }, }; }, initCSS() { if (this.$flag.isInitCSS) { return; } this.$flag.isInitCSS = true; addStyle( ` .${this.$data.prefix}.mplayer-show { opacity: 1; visibility: visible; z-index: 40; } .mplayer-toast, .${this.$data.prefix} { -webkit-transition-property: opacity, bottom; transition-property: opacity, bottom; } .${this.$data.prefix} { background-color: rgba(0, 0, 0, .8); border-radius: 4px; bottom: 48px; color: #fafafa; font-size: 12px; left: 8px; line-height: 24px; opacity: 0; overflow: hidden; padding: 6px 8px; position: absolute; text-align: center; -webkit-transition: opacity .3s; transition: opacity .3s; visibility: hidden; z-index: 4; } .${this.$data.prefix}-close { fill: #fff; float: left; height: 14px; margin-right: 4px; position: relative; top: 1px; width: 26px; } .${this.$data.prefix}-jump { color: #f25d8e; margin: 0 8px 0 16px; text-decoration: none; } ` ); }, mutationMPlayerOriginToast($parent) { let $mplayer = this.$el.$mplayer; if (!$mplayer) { return; } if ($mplayer.hasAttribute("data-mutation")) { return; } log.success(`添加观察器，动态更新toast的位置`); $mplayer.setAttribute("data-mutation", "gm"); utils.mutationObserver($mplayer, { config: { subtree: true, childList: true, }, immediate: true, callback: () => { this.updatePageToastBottom(); }, }); }, updatePageToastBottom() { let pageToastList = Array.from($$(`.${this.$data.prefix}`)).concat( Array.from($$(".".concat(this.$data.originToast).concat(".").concat(this.$data.showClassName))) ); if (pageToastList.length) { let count = pageToastList.length - 1; const toastHeight = 46; pageToastList.forEach(($pageToast, index) => { let bottom = toastHeight + toastHeight * (count - index); $pageToast.setAttribute("data-transition", "move"); $pageToast.style.bottom = bottom + "px"; }); } }, closeToast($ele) { $ele.classList.remove(this.$data.showClassName); }, getTransitionendEventNameList() { return ["webkitTransitionEnd", "mozTransitionEnd", "MSTransitionEnd", "otransitionend", "transitionend"]; }, setTransitionendEvent($toast) { let that = this; let animationEndNameList = this.getTransitionendEventNameList(); domUtils.on( $toast, animationEndNameList, function (event) { let dataTransition = $toast.getAttribute("data-transition"); if (!$toast.classList.contains(that.$data.showClassName)) { $toast.remove(); return; } if (dataTransition === "move") { $toast.removeAttribute("data-transition"); return; } }, { capture: true, } ); }, }; const VideoQualityNameMap = { "240P 极速": 6, "360P 流畅": 16, "480P 清晰": 32, "720P 高清": 64, "720P60 高帧率": 74, "1080P 高清": 80, "1080P+ 高码率": 112, "1080P60 高帧率": 116, "4K 超清": 120, "HDR 真彩色": 125, 杜比视界: 126, "8K 超高清": 127, }; const VideoQualityMap = {}; Object.keys(VideoQualityNameMap).forEach((qualityName) => { let qualityValue = Reflect.get(VideoQualityNameMap, qualityName); Reflect.set(VideoQualityMap, qualityValue, qualityName); }); const XhrHook = { _ajaxHooker_: null, get ajaxHooker() { if (XhrHook._ajaxHooker_ == null) { log.info("启用ajaxHooker拦截网络"); XhrHook._ajaxHooker_ = utils.ajaxHooker(); } return XhrHook._ajaxHooker_; }, }; const BilibiliNetworkHook = { $flag: { is_hook_video_playurl: false, is_hook_bangumi_html5: false, is_hook_live_playurl: false, }, init() { if (BilibiliRouter.isLive()) { Panel.execMenuOnce("bili-live-cdn-hook", () => { this.hook_live_playurl(); }); } }, hook_video_playurl() { if (this.$flag.is_hook_video_playurl) { return; } this.$flag.is_hook_video_playurl = true; XhrHook.ajaxHooker.hook((request) => { if (request.url.includes("//api.bilibili.com/x/player/wbi/playurl")) { if (request.url.startsWith("//")) { request.url = window.location.protocol + request.url; } let playUrl = new URL(request.url); playUrl.searchParams.set("platform", "html5"); playUrl.searchParams.set("qn", VideoQualityNameMap["1080P60 高帧率"].toString()); playUrl.searchParams.set("high_quality", "1"); playUrl.searchParams.set("fnver", "0"); playUrl.searchParams.set("fourk", "1"); if (playUrl.searchParams.has("__t")) { playUrl.searchParams.delete("__t"); return; } request.url = playUrl.toString(); request.response = (res) => { let data2 = utils.toJSON(res.responseText); let unlockQuality = data2?.["data"]?.["quality"]; let support_formats = data2?.["data"]?.["support_formats"]; log.info("当前解锁的quality值：" + unlockQuality); if (unlockQuality && support_formats) { let findValue = support_formats.find((item) => { return item["quality"] == unlockQuality; }); if (findValue) { let qualityText = findValue["new_description"] || findValue["display_desc"]; log.info("成功解锁画质 " + qualityText); BilibiliPlayerToast.toast(`成功解锁画质 ${qualityText}`); } } }; } }); }, hook_bangumi_html5() { if (this.$flag.is_hook_bangumi_html5) { return; } this.$flag.is_hook_bangumi_html5 = true; XhrHook.ajaxHooker.hook((request) => { if (request.url.includes("//api.bilibili.com/pgc/player/web/playurl/html5")) { if (request.url.startsWith("//")) { request.url = window.location.protocol + request.url; } let playUrlInst = new URL(request.url); playUrlInst.pathname = "/pgc/player/web/playurl"; playUrlInst.searchParams.delete("bsource"); playUrlInst.searchParams.set("qn", VideoQualityNameMap["1080P60 高帧率"].toString()); playUrlInst.searchParams.set("fnval", "1"); playUrlInst.searchParams.set("fnver", "0"); playUrlInst.searchParams.set("fourk", "1"); playUrlInst.searchParams.set("from_client", "BROWSER"); playUrlInst.searchParams.set("drm_tech_type", "2"); request.url = playUrlInst.toString(); request.response = (res) => { let data2 = utils.toJSON(res.responseText); let result = data2["result"]; log.info("当前解锁的quality值：" + result["quality"]); if (result["quality"] && result["support_formats"]) { let findValue = result["support_formats"].find((item) => { return item["quality"] == result["quality"]; }); if (findValue) { log.info("当前已解锁的画质：" + findValue["new_description"] || findValue["display_desc"]); } } }; } }); }, hook_live_playurl() { if (this.$flag.is_hook_live_playurl) { return; } this.$flag.is_hook_live_playurl = true; XhrHook.ajaxHooker.hook((request) => { if (!Panel.getValue("bili-live-cdn-hook")) return; if (request.url.startsWith("data:")) { return; } const url = CommonUtil.fixUrl(request.url); let playUrlInst = new URL(url); const pathname = playUrlInst.pathname; if (pathname.startsWith("/xlive/web-room/v2/index/getRoomPlayInfo")) { playUrlInst.searchParams.set("qn", "30000"); request.url = playUrlInst.toString(); request.response = (res) => { const data2 = typeof res.responseText === "string" ? utils.toJSON(res.responseText) : res.json; const stream = data2?.data?.playurl_info?.playurl?.stream; if (Array.isArray(stream)) { stream.forEach((streamItem) => { const format = streamItem?.format; if (!Array.isArray(format)) { return; } format.forEach((formatItem) => { const codec = formatItem?.codec; if (!Array.isArray(codec)) { return; } formatItem?.format_name; codec.forEach((codecItem) => { codecItem?.codec_name; const url_info = codecItem?.url_info; if (!Array.isArray(url_info)) { return; } url_info.forEach((urlInfoItem) => { const host = urlInfoItem?.host; if (typeof host === "string") { urlInfoItem.host = BilibiliCDNProxy.replaceLiveVideoCDN(host); } }); }); }); }); } else { log.error("直播请求信息中返回的steam不是数组", data2); } }; } else if (playUrlInst.hostname.endsWith(".bilivideo.com")) { request.url = BilibiliCDNProxy.replaceLiveVideoCDN(url); } }); }, }; const BilibiliUserApi = { async nav(checkCode = true) { const response = await httpx.get("https://api.bilibili.com/x/web-interface/nav?web_location=333.401", { fetch: true, responseType: "json", allowInterceptConfig: false, }); if (!response.status) { log.error(["获取导航栏用户信息失败，请求异常", response]); return; } const data2 = utils.toJSON(response.data.responseText); if (checkCode && !BilibiliApiResponseCheck.isWebApiSuccess(data2)) { log.error(data2); Qmsg.error("获取导航栏用户信息失败"); return; } return data2.data; }, async space(mid, offset = "") { const response = await httpx.get("https://api.bilibili.com/x/polymer/web-dynamic/v1/feed/space", { data: { host_mid: mid, offset, }, fetch: true, }); if (!response.status) { return; } const data2 = utils.toJSON(response.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) { return; } return data2["data"]; }, async following(mid, pn = 1, ps = 50) { const response = await httpx.get("https://api.bilibili.com/x/relation/followings", { data: { vmid: mid, ps, pn, }, fetch: true, }); if (!response.status) { return; } const data2 = utils.toJSON(response.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) { return data2["message"]; } return data2["data"]; }, }; const BilibiliGlobalData = { $data: { isLogin: new Promise(() => false), }, $flag: { isSetQueryLoginStatus: false, isQueryLoginStatus: false, }, init() { this.resetLoginStatus(); }, resetLoginStatus() { if (this.$flag.isSetQueryLoginStatus) { return; } this.$flag.isSetQueryLoginStatus = true; let isLogin = false; this.$data.isLogin = new Promise(async (resolve) => { if (!this.$flag.isQueryLoginStatus) { this.$flag.isQueryLoginStatus = true; let userNavInfo = await BilibiliUserApi.nav(false); if (userNavInfo && userNavInfo.isLogin) { isLogin = true; } } resolve(isLogin); }); }, }; function b2a(bvid) { const XOR_CODE2 = 23442827791579n; const MASK_CODE = 2251799813685247n; const BASE2 = 58n; const BYTES = ["B", "V", 1, "", "", "", "", "", "", "", "", ""]; const BV_LEN = BYTES.length; const ALPHABET = "FcwAPNKTMug3GV5Lj7EJnHpWsx4tb8haYeviqBz6rkCy12mUSDQX9RdoZf".split(""); const DIGIT_MAP = [0, 1, 2, 9, 7, 5, 6, 4, 8, 3, 10, 11]; let r = 0n; for (let i = 3; i < BV_LEN; i++) { r = r * BASE2 + BigInt(ALPHABET.indexOf(bvid[DIGIT_MAP[i]])); } return `${(r & MASK_CODE) ^ XOR_CODE2}`; } const wbi = async (params) => { async function getWbiQueryString(params2) { const response = await BilibiliUserApi.nav(false); if (!response) { return; } const { img_url, sub_url } = response.wbi_img; const imgKey = img_url.slice(img_url.lastIndexOf("/") + 1, img_url.lastIndexOf(".")); const subKey = sub_url.slice(sub_url.lastIndexOf("/") + 1, sub_url.lastIndexOf(".")); const originKey = imgKey + subKey; const mixinKeyEncryptTable = [ 46, 47, 18, 2, 53, 8, 23, 32, 15, 50, 10, 31, 58, 3, 45, 35, 27, 43, 5, 49, 33, 9, 42, 19, 29, 28, 14, 39, 12, 38, 41, 13, 37, 48, 7, 16, 24, 55, 40, 61, 26, 17, 0, 1, 60, 51, 30, 4, 22, 25, 54, 21, 56, 59, 6, 63, 57, 62, 11, 36, 20, 34, 44, 52, ]; const mixinKey = mixinKeyEncryptTable .map((n) => originKey[n]) .join("") .slice(0, 32); const query = Object.keys(params2) .sort() .map((key) => { const value = params2[key].toString().replace(/[!'()*]/g, ""); return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`; }) .join("&"); const wbiSign = md5(query + mixinKey); return query + "&w_rid=" + wbiSign; } return await getWbiQueryString(params); }; const global = typeof _unsafeWindow === "undefined" ? window : _unsafeWindow; const sortTypeConstant = { LATEST: 0, HOT: 2 }; const MobileCommentModule = { $data: { oid: null, createrID: void 0, commentType: null, currentSortType: sortTypeConstant.HOT, replyPool: {}, nextOffset: "", dynamicDetail: { oid: null, commentType: null, }, }, $el: { replyList: null, navSort: null, hotSort: null, timeSort: null, totalReply: null, replyWrapper: null, }, $flag: { isInitCSS: false, isHookNetwork: false, }, async init($el) { this.initData(); this.networkHook(); this.addStyle(); this.setupStandardCommentContainer($el); await new Promise((resolve) => { domUtils.wait(() => { if (BilibiliRouter.isVideo()) { const videoID = global.location.pathname.replace("/video/", "").replace("/", ""); if (videoID.startsWith("av")) this.$data.oid = videoID.slice(2); if (videoID.startsWith("BV")) this.$data.oid = b2a(videoID); this.$data.commentType = 1; } else if (BilibiliRouter.isDynamic()) { this.$data.oid = this.$data.dynamicDetail?.oid; this.$data.commentType = this.$data.dynamicDetail?.commentType; } else if (BilibiliRouter.isOpus()) { this.$data.oid = global?.__INITIAL_STATE__?.opus?.detail?.basic?.comment_id_str; this.$data.commentType = global?.__INITIAL_STATE__?.opus?.detail?.basic?.comment_type; } if (this.$data.oid && this.$data.commentType) { resolve(null); return { success: true, data: {}, }; } return { success: false, data: null, }; }, 0); }); await this.enableSwitchingSortType($el); await this.loadFirstPagination($el); }, initData() { this.$data.oid = null; this.$data.createrID = void 0; this.$data.commentType = null; this.$data.replyPool = null; this.$data.replyPool = {}; this.$data.nextOffset = ""; this.$data.currentSortType = sortTypeConstant.HOT; this.$data.dynamicDetail = { oid: null, commentType: null, }; Object.keys(this.$el).forEach((key) => { const value = Reflect.get(this.$el, key); if (!document.contains(value)) return; Reflect.set(this.$el, key, null); }); }, networkHook() { if (this.$flag.isHookNetwork) return; if (!BilibiliRouter.isDynamic()) return; XhrHook.ajaxHooker.hook((request) => { const url = request.url; if (typeof url === "string" && url.includes("reply/wbi/main")) { const { searchParams } = new URL(`${url.startsWith("//") ? "https:" : ""}${url}`); this.$data.dynamicDetail = { oid: searchParams.get("oid"), commentType: searchParams.get("type"), }; } }); }, async addStyle() { if (this.$flag.isInitCSS) return; this.$flag.isInitCSS = true; await domUtils.onReady(); addStyle( ` .reply-header { padding: 12px; border-bottom: 1px solid #f1f2f3; } .reply-navigation { margin-bottom: 0 !important; } .reply-navigation .nav-bar .nav-title { font-size: 1rem !important; } ` ); addStyle( ` .reply-list { margin-top: 0 !important; margin-bottom: 0 !important; } .reply-item { padding: 12px !important; font-size: 1rem !important; border-bottom: 1px solid #f4f5f7; } .reply-item .root-reply-container { padding: 0 !important; display: flex; } .reply-item .root-reply-container .root-reply-avatar { position: relative !important; width: initial !important; } .reply-item .root-reply-container .content-warp { margin-left: 12px; } .reply-item .root-reply-container .content-warp .user-info, .reply-item .root-reply-container .content-warp .root-reply .reply-content { font-size: 14px !important; } .reply-item .root-reply-container .content-warp .root-reply .reply-content-container { width: calc(100vw - 88px) !important; } .reply-item .root-reply-container .content-warp .root-reply .reply-content .note-prefix { margin-right: 4px !important; } .reply-item .sub-reply-container { padding-left: 44px !important; } .reply-item .sub-reply-container .sub-reply-list .sub-reply-item { width: calc(100% - 24px); } .reply-item .sub-reply-container .sub-reply-list .sub-reply-item .sub-user-info { margin-right: 0 !important; } .reply-item .sub-reply-container .sub-reply-list .sub-reply-item .sub-user-info .sub-user-name, .reply-item .sub-reply-container .sub-reply-list .sub-reply-item .reply-content { font-size: 14px !important; } .reply-info .reply-time, .reply-info .reply-like, .sub-reply-info .sub-reply-time, .sub-reply-info .sub-reply-like { margin-right: 12px !important; } ` ); const avatarCSS = document.createElement("style"); avatarCSS.textContent = ` `; addStyle( ` .reply-item .root-reply-avatar .avatar .bili-avatar { width: 40px; height: 40px; } .sub-reply-item .sub-reply-avatar .avatar .bili-avatar { width: 24px; height: 24px; } ` ); addStyle( ` .sub-reply-container .view-more-btn:hover { color: #00AEEC; } .view-more { padding-left: 8px; color: #222; font-size: 13px; user-select: none; } .pagination-page-count { margin-right: 4px !important; } .pagination-page-dot, .pagination-page-number { margin: 0 4px; } .pagination-btn, .pagination-page-number { cursor: pointer; } .current-page, .pagination-btn:hover, .pagination-page-number:hover { color: #00AEEC; } ` ); const otherCSS = document.createElement("style"); otherCSS.textContent = ` `; addStyle( ` :root { --text1: #18191C; --text3: #9499A0; --brand_blue: #00AEEC; --brand_pink: #FF6699; --bg2: #F6F7F8; } .jump-link { color: #008DDA; } ` ); }, setupStandardCommentContainer($root) { domUtils.html( $root, `

` ); this.$el.replyList = $root.querySelector(".reply-list"); this.$el.navSort = $root.querySelector(".comment-container .reply-header .nav-sort"); this.$el.hotSort = this.$el.navSort.querySelector(".hot-sort"); this.$el.timeSort = this.$el.navSort.querySelector(".time-sort"); this.$el.totalReply = $root.querySelector(".comment-container .reply-header .total-reply"); this.$el.replyWrapper = $root.querySelector(".comment-container .reply-warp"); }, enableSwitchingSortType($root) { domUtils.addClass(this.$el.navSort, "hot"); domUtils.removeClass(this.$el.navSort, "time"); domUtils.on(this.$el.hotSort, "click", (evt) => { domUtils.preventEvent(evt); if (this.$data.currentSortType === sortTypeConstant.HOT) return; this.$data.currentSortType = sortTypeConstant.HOT; domUtils.addClass(this.$el.navSort, "hot"); domUtils.removeClass(this.$el.navSort, "time"); $root.scrollTo(0, 0); this.loadFirstPagination($root); }); domUtils.on(this.$el.timeSort, "click", (evt) => { domUtils.preventEvent(evt); if (this.$data.currentSortType === sortTypeConstant.LATEST) return; this.$data.currentSortType = sortTypeConstant.LATEST; domUtils.addClass(this.$el.navSort, "time"); domUtils.removeClass(this.$el.navSort, "hot"); $root.scrollTo(0, 0); this.loadFirstPagination($root); }); }, async loadFirstPagination($root) { this.$data.nextOffset = ""; const { data: firstPaginationData, code: resultCode } = await this.getPaginationData(1); this.$data.createrID = firstPaginationData.upper.mid; domUtils.empty(this.$el.replyList); this.$data.replyPool = {}; domUtils.remove(".comment-container .reply-warp .no-more-replies-info"); domUtils.remove(".comment-container .reply-warp .anchor-for-loading"); if (resultCode !== 0) { const info = resultCode === 12061 ? "UP主已关闭评论区" : "无法从API获取评论数据"; domUtils.html( this.$el.replyList, `

${info}

` ); return; } const totalReplyCount = parseInt(firstPaginationData?.cursor?.all_count) || 0; domUtils.text(this.$el.totalReply, totalReplyCount); if (firstPaginationData?.cursor?.name?.includes("精选")) { domUtils.html( this.$el.navSort, `

精选评论

` ); } if (firstPaginationData.top_replies && firstPaginationData.top_replies.length !== 0) { const topReplyData = firstPaginationData.top_replies[0]; this.appendReplyItem(topReplyData, true); } for (const replyData of firstPaginationData.replies) { this.appendReplyItem(replyData); } if (firstPaginationData.replies.length === 0 || firstPaginationData.cursor.is_end) { const infoElement = domUtils.createElement( "p", { className: "no-more-replies-info", textContent: "没有更多评论", }, { style: "padding-bottom: 100px; text-align: center; color: #999;", } ); domUtils.append(this.$el.replyWrapper, infoElement); return; } this.addAnchor(); }, async getPaginationData(plat) { const params = { pagination_str: JSON.stringify({ offset: this.$data.nextOffset || "", }), oid: this.$data.oid, type: this.$data.commentType, wts: parseInt((Date.now() / 1e3).toString()), }; if (this.$data.currentSortType === sortTypeConstant.HOT) { Reflect.set(params, "mode", 3); if (!this.$data.nextOffset); } else if (this.$data.currentSortType === sortTypeConstant.LATEST) { Reflect.set(params, "mode", 2); } const isLogin = await BilibiliGlobalData.$data.isLogin; const fetchResult = await httpx.get(`https://api.bilibili.com/x/v2/reply/wbi/main?${await wbi(params)}`, { fetch: !isLogin, fetchInit: { credentials: "same-origin", }, anonymous: !isLogin, }); const fetchResultJSON = utils.toJSON(fetchResult.data.responseText); this.$data.nextOffset = fetchResultJSON.data.cursor?.pagination_reply?.next_offset || ""; return fetchResultJSON; }, appendReplyItem(replyData, isTopReply) { if ( typeof this.$data.replyPool === "object" && this.$data.replyPool != null && this.$data.replyPool[replyData.rpid] ) { return; } const $replyItem = domUtils.createElement("div", { className: "reply-item", innerHTML: `

${replyData.member.uname} LV${replyData.member.level_info.current_level} ${this.$data.createrID === replyData.mid ? '' : ""}

${isTopReply ? '置顶' : ""}${replyData.content.pictures ? `

笔记

` : ""}${this.getConvertedMessage(replyData.content)} ${ replyData.content.pictures ? `

${this.getImageItems(replyData.content.pictures)}

` : "" }

${this.getFormattedTime(replyData.ctime)} ${replyData.like}

${this.getSubReplyItems(replyData.replies)} ${ replyData.rcount > (replyData.replies || []).length ? `

共${replyData.rcount}条回复, 点击查看

` : "" }

`, }); domUtils.append(this.$el.replyList, $replyItem); this.$data.replyPool[replyData.rpid_str] = true; const $previewImageContainer = $replyItem.querySelector(".preview-image-container"); if ($previewImageContainer) new Viewer($previewImageContainer, { title: false, toolbar: false, tooltip: false, keyboard: false, }); const subReplyList = $replyItem.querySelector(".sub-reply-list"); const viewMoreBtn = $replyItem.querySelector(".view-more-btn"); if (viewMoreBtn) { domUtils.on(viewMoreBtn, "click", () => { this.loadPaginatedSubReplies(replyData.rpid, subReplyList, replyData.rcount, 1); }); } }, getFormattedTime(ms) { const time = new Date(ms * 1e3); const year = time.getFullYear(); const month = (time.getMonth() + 1).toString().padStart(2, "0"); const day = time.getDate().toString().padStart(2, "0"); const hour = time.getHours().toString().padStart(2, "0"); const minute = time.getMinutes().toString().padStart(2, "0"); return `${year}-${month}-${day} ${hour}:${minute}`; }, getMemberLevelColor(level) { return { 0: "#C0C0C0", 1: "#BBBBBB", 2: "#8BD29B", 3: "#7BCDEF", 4: "#FEBB8B", 5: "#EE672A", 6: "#F04C49", }[level]; }, getConvertedMessage(content) { let result = content.message; const keywordBlacklist = ["https://www.bilibili.com/video/av", "https://b23.tv/mall-"]; if (content.vote && content.vote.deleted === false) { const linkElementHTML = `${content.vote.title}`; keywordBlacklist.push(linkElementHTML); result = result.replace(`{vote:${content.vote.id}}`, linkElementHTML); } if (content.emote) { for (const [key, value] of Object.entries(content.emote)) { const imageElementHTML = `

`; keywordBlacklist.push(imageElementHTML); result = result.replaceAll(key, imageElementHTML); } } result = result.replaceAll(/(\d{1,2}[:：]){1,2}\d{1,2}/g, (timestamp) => { timestamp = timestamp.replaceAll("：", ":"); if (!BilibiliRouter.isVideo()) return timestamp; const parts = timestamp.split(":"); if (parts.some((part) => parseInt(part) >= 60)) return timestamp; let totalSecond; if (parts.length === 2) totalSecond = parseInt(parts[0]) * 60 + parseInt(parts[1]); else if (parts.length === 3) totalSecond = parseInt(parts[0]) * 3600 + parseInt(parts[1]) * 60 + parseInt(parts[2]); if (Number.isNaN(totalSecond)) return timestamp; const linkElementHTML = `${timestamp}`; keywordBlacklist.push(linkElementHTML); return linkElementHTML; }); if (content.at_name_to_mid) { for (const [key, value] of Object.entries(content.at_name_to_mid)) { const linkElementHTML = `@${key}`; keywordBlacklist.push(linkElementHTML); result = result.replaceAll(`@${key}`, linkElementHTML); } } if (Object.keys(content.jump_url).length) { const entries = [].concat( Object.entries(content.jump_url).filter((entry) => entry[0].startsWith("https://")), Object.entries(content.jump_url).filter((entry) => !entry[0].startsWith("https://")) ); for (const [key, value] of entries) { const href = key.startsWith("BV") || /^av\d+$/.test(key) ? `https://www.bilibili.com/video/${key}` : value.pc_url || key; if (href.includes("search.bilibili.com") && keywordBlacklist.join("").includes(key)) continue; const linkElementHTML = `

${value.title}`; keywordBlacklist.push(linkElementHTML); result = result.replaceAll(key, linkElementHTML); } } return result; }, getImageItems(images) { let imageSizeConfig = "width: 84px; height: 84px;"; if (images.length === 1) imageSizeConfig = "max-width: 260px; max-height: 180px;"; if (images.length === 2) imageSizeConfig = "width: 128px; height: 128px;"; let result = ""; for (const image of images) { result += `

`; } return result; }, getSubReplyItems(subReplies) { if (!(subReplies instanceof Array)) return ""; let result = ""; for (const replyData of subReplies) { result += `

${replyData.member.uname} LV${replyData.member.level_info.current_level} ${this.$data.createrID === replyData.mid ? `` : ""}

${this.getConvertedMessage(replyData.content)}

${this.getFormattedTime(replyData.ctime)} ${replyData.like}

`; } return result; }, async loadPaginatedSubReplies(rootReplyID, subReplyList, subReplyAmount, paginationNumber) { const params = { oid: this.$data.oid, type: this.$data.commentType, root: rootReplyID, ps: 10, pn: paginationNumber, web_location: 333.788, }; const isLogin = await BilibiliGlobalData.$data.isLogin; const subReplyResponse = await httpx.get( `https://api.bilibili.com/x/v2/reply/reply?${utils.toSearchParamsStr(params)}`, { allowInterceptConfig: false, fetch: !isLogin, fetchInit: { credentials: "same-origin", }, anonymous: !isLogin, } ); if (!subReplyResponse.status) { log.error(subReplyResponse); Qmsg.error("请求异常，获取评论的回复失败"); return; } const subReplyJSON = utils.toJSON(subReplyResponse.data.responseText); if (subReplyJSON === -352) { Qmsg.error("请登录后再进行操作"); console.error("you should login first", subReplyResponse); return; } const subReplyData = subReplyJSON.data; subReplyList.innerHTML = this.getSubReplyItems(subReplyData.replies); this.addSubReplyPageSwitcher(rootReplyID, subReplyList, subReplyAmount, paginationNumber); const replyItem = subReplyList.parentElement.parentElement; replyItem.scrollIntoView({ behavior: "instant" }); global.scrollTo(0, document.documentElement.scrollTop - 60); }, addSubReplyPageSwitcher(rootReplyID, subReplyList, subReplyAmount, currentPageNumber) { if (subReplyAmount <= 10) return; const pageAmount = Math.ceil(subReplyAmount / 10); const pageSwitcher = domUtils.createElement("div", { className: "sub-reply-pagination", innerHTML: `

共${pageAmount}页 ${currentPageNumber !== 1 ? '上一页' : ""} ${(() => { const left = [ currentPageNumber - 4, currentPageNumber - 3, currentPageNumber - 2, currentPageNumber - 1, ].filter((num) => num >= 1); const right = [ currentPageNumber + 1, currentPageNumber + 2, currentPageNumber + 3, currentPageNumber + 4, ].filter((num) => num <= pageAmount); const merge = [].concat(left, currentPageNumber, right); let chosen; if (currentPageNumber <= 3) chosen = merge.slice(0, 5); else if (currentPageNumber >= pageAmount - 3) chosen = merge.reverse().slice(0, 5).reverse(); else chosen = merge.slice(merge.indexOf(currentPageNumber) - 2, merge.indexOf(currentPageNumber) + 3); let final = JSON.parse(JSON.stringify(chosen)); if (!final.includes(1)) { let front = [1]; if (final.at(0) !== 2) front = [1, "..."]; final = [].concat(front, final); } if (!final.includes(pageAmount)) { let back = [pageAmount]; if (final.at(-1) !== pageAmount - 1) back = ["...", pageAmount]; final = [].concat(final, back); } return final.reduce((acc, cur) => { if (cur === "...") return acc + '...'; if (cur === currentPageNumber) return acc + `${cur}`; return acc + `${cur}`; }, ""); })()} ${ currentPageNumber !== pageAmount ? `下一页` : "" }

`, }); const pageSwitcherPrevBtn = pageSwitcher.querySelector(".pagination-to-prev-btn"); domUtils.on(pageSwitcherPrevBtn, "click", () => { this.loadPaginatedSubReplies(rootReplyID, subReplyList, subReplyAmount, currentPageNumber - 1); }); const pageSwitcherNextBtn = pageSwitcher.querySelector(".pagination-to-next-btn"); domUtils.on(pageSwitcherNextBtn, "click", () => { this.loadPaginatedSubReplies(rootReplyID, subReplyList, subReplyAmount, currentPageNumber + 1); }); pageSwitcher.querySelectorAll(".pagination-page-number:not(.current-page)")?.forEach(($pageNumber) => { const number = parseInt($pageNumber.textContent); domUtils.on($pageNumber, "click", () => this.loadPaginatedSubReplies(rootReplyID, subReplyList, subReplyAmount, number) ); }); subReplyList.appendChild(pageSwitcher); }, addAnchor() { const anchorElement = domUtils.createElement( "div", { className: "anchor-for-loading", textContent: "正在加载...", }, { style: `text-align: center; color: #61666d; transform: translateY(-50px)`, } ); domUtils.append(this.$el.replyWrapper, anchorElement); let paginationCounter = 1; const ob = new IntersectionObserver(async (entries) => { if (!entries[0].isIntersecting) return; const { data: newPaginationData } = await this.getPaginationData(++paginationCounter); if (!newPaginationData.replies || newPaginationData.replies.length === 0) { anchorElement.textContent = "所有评论已加载完毕"; ob.disconnect(); return; } for (const replyData of newPaginationData.replies) { this.appendReplyItem(replyData); } }); ob.observe(anchorElement); }, }; const MobileCommentModuleStyle = ':root {\n --v_xs: 5px;\n --v_xsx: 4px;\n --v_xxs: 6px;\n --v_sm: 10px;\n --v_smx: 8px;\n --v_xsm: 12px;\n --v_md: 15px;\n --v_mdx: 14px;\n --v_xmd: 16px;\n --v_lg: 20px;\n --v_lgx: 18px;\n --v_xlg: 22px;\n --v_xl: 25px;\n --v_xlx: 24px;\n --v_xxl: 26px;\n --v_fs_1: 24px;\n --v_fs_2: 18px;\n --v_fs_3: 16px;\n --v_fs_4: 14px;\n --v_fs_5: 13px;\n --v_fs_6: 12px;\n --v_lh_xs: 1;\n --v_lh_sm: 1.25;\n --v_lh_md: 1.5;\n --v_lh_lg: 1.75;\n --v_lh_xl: 2;\n --v_height_xs: 16px;\n --v_height_sm: 24px;\n --v_height_md: 32px;\n --v_height_lg: 40px;\n --v_height_xl: 48px;\n --v_radius: 6px;\n --v_radius_sm: 4px;\n --v_radius_md: 8px;\n --v_radius_lg: 10px;\n --v_brand_pink: var(--brand_pink, #ff6699);\n --v_brand_pink_thin: var(--brand_pink_thin, #ffecf1);\n --v_brand_blue: var(--brand_blue, #00aeec);\n --v_brand_blue_thin: var(--brand_blue_thin, #dff6fd);\n --v_stress_red: var(--stress_red, #f85a54);\n --v_stress_red_thin: var(--stress_red_thin, #feecea);\n --v_success_green: var(--success_green, #2ac864);\n --v_success_green_thin: var(--success_green_thin, #e4f8ea);\n --v_operate_orange: var(--operate_orange, #ff7f24);\n --v_operate_orange_thin: var(--operate_orange_thin, #fff0e3);\n --v_pay_yellow: var(--pay_yellow, #ffb027);\n --v_pay_yellow_thin: var(--pay_yellow_thin, #fff6e4);\n --v_bg1: var(--bg1, #ffffff);\n --v_bg2: var(--bg2, #f6f7f8);\n --v_bg3: var(--bg3, #f1f2f3);\n --v_bg1_float: var(--bg1_float, #ffffff);\n --v_bg2_float: var(--bg2_float, #f1f2f3);\n --v_text_white: var(--text_white, #ffffff);\n --v_text1: var(--text1, #18191c);\n --v_text2: var(--text2, #61666d);\n --v_text3: var(--text3, #9499a0);\n --v_text4: var(--text4, #c9ccd0);\n --v_text_link: var(--text_link, #008ac5);\n --v_text_notice: var(--text_notice, #e58900);\n --v_line_light: var(--line_light, #f1f2f3);\n --v_line_regular: var(--line_regular, #e3e5e7);\n --v_line_bold: var(--line_bold, #c9ccd0);\n --v_graph_white: var(--graph_white, #ffffff);\n --v_graph_bg_thin: var(--graph_bg_thin, #f6f7f8);\n --v_graph_bg_regular: var(--graph_bg_regular, #f1f2f3);\n --v_graph_bg_thick: var(--graph_bg_thick, #e3e5e7);\n --v_graph_weak: var(--graph_weak, #c9ccd0);\n --v_graph_medium: var(--graph_medium, #9499a0);\n --v_graph_icon: var(--graph_icon, #61666d);\n --v_shadow: var(--shadow, #000000);\n --v_brand_pink_hover: var(--brand_pink_hover, #ff8cb0);\n --v_brand_pink_active: var(--brand_pink_active, #e84b85);\n --v_brand_pink_disabled: var(--brand_pink_disabled, #ffb3ca);\n --v_brand_blue_hover: var(--brand_blue_hover, #40c5f1);\n --v_brand_blue_active: var(--brand_blue_active, #008ac5);\n --v_brand_blue_disabled: var(--brand_blue_disabled, #80daf6);\n --v_stress_red_hover: var(--stress_red_hover, #fa857f);\n --v_stress_red_active: var(--stress_red_active, #e23d3d);\n --v_stress_red_disabled: var(--stress_red_disabled, #fcafaa);\n --v_text_hover: var(--text_hover, #797f87);\n --v_text_active: var(--text_active, #61666d);\n --v_text_disabled: var(--text_disabled, #c9ccd0);\n --v_line_border: var(--line_border, #c9ccd0);\n --v_line_bolder_hover: var(--line_bolder_hover, #e3e5e7);\n --v_line_bolder_active: var(--line_bolder_active, #aeb3b9);\n --v_line_bolder_disabled: var(--line_bolder_disabled, #f1f2f3);\n}\n\n@font-face {\n font-family: fanscard;\n src: url(//s1.hdslb.com/bfs/static/jinkela/mall-h5/asserts/fansCard.ttf);\n}\n\n.svg-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n}\n\n.svg-icon svg {\n width: 100%;\n height: 100%;\n}\n\n.svg-icon.use-color svg path {\n fill: currentColor;\n color: inherit;\n}\n\n.top-vote-card {\n background-color: var(--graph_bg_thin);\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 80px;\n width: 100%;\n margin-bottom: 24px;\n padding: 12px 16px 12px 10px;\n border-radius: 6px;\n}\n\n.top-vote-card__multi {\n cursor: pointer;\n}\n\n.top-vote-card__multi:hover .vote-result-text {\n color: var(--brand_blue);\n transition: 0.2s;\n}\n\n.top-vote-card-left {\n width: 40%;\n max-width: calc(40% - 30px);\n margin-right: 20px;\n word-wrap: break-word;\n font-size: 13px;\n line-height: 18px;\n color: var(--text1);\n}\n\n.top-vote-card-left__title {\n display: flex;\n align-items: center;\n}\n\n.top-vote-card-left__title svg {\n margin-right: 2px;\n flex: none;\n}\n\n.top-vote-card-left__title span {\n display: -webkit-box;\n float: none;\n height: 18px;\n overflow: hidden;\n text-overflow: ellipsis;\n word-break: break-word;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 1;\n}\n\n.top-vote-card-left__join {\n height: 17px;\n display: flex;\n align-items: center;\n margin-top: 4px;\n font-size: 12px;\n color: var(--text3);\n}\n\n.top-vote-card-left__join .vote-icon {\n height: 12px;\n}\n\n.top-vote-card-left__join span {\n display: flex;\n align-items: center;\n}\n\n.top-vote-card-right {\n width: 60%;\n font-size: var(--2fde2a28);\n line-height: 17px;\n display: flex;\n --option-height: 40px;\n --option-radius: 6px;\n}\n\n.top-vote-card-right .vote-text__not-vote {\n opacity: 0.9;\n}\n\n.top-vote-card-right .vote-text__not-vote .vui_ellipsis {\n font-weight: 400 !important;\n}\n\n.top-vote-card-right .vote-text :first-child {\n font-weight: 500;\n}\n\n.top-vote-card-right .vote-icon {\n flex: none;\n}\n\n.top-vote-card-right .left-vote-option {\n position: relative;\n display: flex;\n min-width: 120px;\n align-items: center;\n justify-content: space-between;\n background-color: rgba(255, 102, 153, var(--212267a6));\n height: var(--option-height);\n width: var(--38c5ebb3);\n padding-left: 10px;\n border-radius: var(--option-radius) 0 0 var(--option-radius);\n cursor: pointer;\n margin-right: 30px;\n color: var(--332a347e);\n transition: width ease-out 0.2s;\n}\n\n.top-vote-card-right .left-vote-option .skew-vote-option {\n position: absolute;\n right: -20px;\n top: 0;\n}\n\n.top-vote-card-right .left-vote-option .skew-vote-option__fill {\n left: -8px;\n background-color: #f69;\n transform: skew(21deg);\n border-top-right-radius: calc(var(--option-radius) - 2px);\n border-bottom-right-radius: var(--option-radius);\n}\n\n.top-vote-card-right .skew-vote-option {\n height: 40px;\n width: 20px;\n overflow: hidden;\n opacity: var(--212267a6);\n pointer-events: none;\n}\n\n.top-vote-card-right .skew-vote-option__fill {\n pointer-events: all;\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n}\n\n.top-vote-card-right .right-vote-option {\n position: relative;\n display: flex;\n min-width: 120px;\n align-items: center;\n flex-direction: row-reverse;\n justify-content: space-between;\n background-color: rgba(0, 174, 236, var(--212267a6));\n height: var(--option-height);\n width: var(--4b2970aa);\n padding-right: 10px;\n border-radius: 0 var(--option-radius) var(--option-radius) 0;\n cursor: pointer;\n color: var(--1e587827);\n transition: width ease-out 0.2s;\n}\n\n.top-vote-card-right .right-vote-option .skew-vote-option {\n position: absolute;\n left: -20px;\n top: 0;\n}\n\n.top-vote-card-right .right-vote-option .skew-vote-option__fill {\n left: 8px;\n background-color: #00aeec;\n transform: skew(21deg);\n border-top-left-radius: var(--option-radius);\n border-bottom-left-radius: calc(var(--option-radius) - 2px);\n}\n\n.top-vote-card-right .right-vote-option .vote-text {\n text-align: right;\n}\n\n.top-vote-card-right .had_voted {\n cursor: unset;\n}\n\n.reply-header .reply-notice {\n display: flex;\n align-items: center;\n position: relative;\n min-height: 40px;\n padding: 4px 10px;\n margin-bottom: 16px;\n font-size: 13px;\n border-radius: 2px;\n color: var(--Ye5_u);\n cursor: pointer;\n}\n\n.reply-header .reply-notice:after {\n content: "";\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n background-color: var(--Ye5_u);\n opacity: 0.2;\n}\n\n.reply-header .reply-notice .notice-icon {\n width: 16px;\n height: 16px;\n margin-right: 5px;\n}\n\n.reply-header .reply-notice .notice-content {\n flex: 1;\n padding: 0 5px;\n vertical-align: top;\n word-wrap: break-word;\n word-break: break-all;\n}\n\n.reply-header .reply-notice .notice-close-icon {\n position: relative;\n z-index: 1;\n width: 10px;\n height: 10px;\n margin-left: 5px;\n}\n\n.reply-header .reply-navigation {\n margin-bottom: 22px;\n}\n\n.reply-header .reply-navigation .nav-bar {\n display: flex;\n align-items: center;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.reply-header .reply-navigation .nav-bar .nav-title {\n display: flex;\n align-items: center;\n}\n\n@media screen and (max-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-title {\n font-size: 20px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-title {\n font-size: 24px;\n }\n}\n\n.reply-header .reply-navigation .nav-bar .nav-title .nav-title-text {\n color: var(--text1);\n font-family:\n PingFang SC,\n HarmonyOS_Medium,\n Helvetica Neue,\n Microsoft YaHei,\n sans-serif;\n font-weight: 500;\n}\n\n@media (-webkit-max-device-pixel-ratio: 1) {\n .reply-header .reply-navigation .nav-bar .nav-title .nav-title-text {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n Helvetica Neue,\n Helvetica,\n Arial,\n PingFang SC,\n Hiragino Sans GB,\n Microsoft YaHei,\n sans-serif;\n }\n}\n\n.reply-header .reply-navigation .nav-bar .nav-title .total-reply {\n margin: 0 36px 0 6px;\n font-weight: 400;\n color: var(--text3);\n}\n\n@media screen and (max-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-title .total-reply {\n font-size: 13px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-title .total-reply {\n font-size: 14px;\n }\n}\n\n.reply-header .reply-navigation .nav-bar .nav-select-reply {\n font-family:\n PingFang SC,\n HarmonyOS_Medium,\n Helvetica Neue,\n Microsoft YaHei,\n sans-serif;\n font-weight: 500;\n color: var(--text1);\n}\n\n@media screen and (max-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-select-reply {\n font-size: 13px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-select-reply {\n font-size: 16px;\n }\n}\n\n@media (-webkit-max-device-pixel-ratio: 1) {\n .reply-header .reply-navigation .nav-bar .nav-select-reply {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n Helvetica Neue,\n Helvetica,\n Arial,\n PingFang SC,\n Hiragino Sans GB,\n Microsoft YaHei,\n sans-serif;\n }\n}\n\n.reply-header .reply-navigation .nav-bar .nav-sort {\n display: flex;\n align-items: center;\n color: var(--text3);\n}\n\n@media screen and (max-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-sort {\n font-size: 13px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-header .reply-navigation .nav-bar .nav-sort {\n font-size: 16px;\n }\n}\n\n.reply-header .reply-navigation .nav-bar .nav-sort .part-symbol {\n height: 11px;\n margin: 0 12px;\n border-left: solid 1px;\n}\n\n.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort {\n cursor: pointer;\n}\n\n.reply-header .reply-navigation .nav-bar .nav-sort .hot-sort:hover {\n color: var(--brand_blue);\n}\n\n.reply-header .reply-navigation .nav-bar .nav-sort .time-sort {\n cursor: pointer;\n}\n\n.reply-header .reply-navigation .nav-bar .nav-sort .time-sort:hover {\n color: var(--brand_blue);\n}\n\n.reply-header .reply-navigation .nav-bar .nav-sort.hot .hot-sort,\n.reply-header .reply-navigation .nav-bar .nav-sort.time .time-sort {\n color: var(--text1);\n}\n\n.reply-header .reply-navigation .nav-operation-warp {\n position: absolute;\n right: 0;\n}\n\n/*\n * @bilibili/userAvatar\n * version: 1.2.0-beta.2. Powered by main-frontend\n * 用户头像公共组件.\n * author: wuxiuran\n */\n.bili-avatar {\n display: block;\n position: relative;\n background-image: url(data:image/gif;base64,R0lGODlhtAC0AOYAALzEy+To7rG6wb/Hzd/k6rK7wsPK0bvDybO8w9/j6dDW3NHX3eHl6+Hm7LnByLa+xeDl6+Lm7M/V27vDyt7j6dHX3r/Gzb/HzsLJ0LS9xLW+xbe/xtLY3s/V3OPn7dne5NXb4eDk67jAx7S8w+Dk6rrCybW9xMXM08TL0sLK0Nrf5cXM0tjd48zS2bO7wsrR17W+xLfAx8fO1La/xsbN07K7wbzEytzh573FzNLX3uLn7cDHzsbN1NPZ377Gzb7FzNbc4sjP1dfd49bb4tvg5svR2LfAxsnQ1s7U293h6Nbb4dTa4MrQ19fc4t3i6L7GzMnP1s7U2tXa4M3T2sDIz97i6N7i6dje5MjO1dfc473Ey8HJz9vg57jBx8jP1tPY38PL0cfO1dne5dXa4ePn7sHIz8vS2Nrf5tDW3djd5M3T2cDIztTZ4L3Fy7rCyMTL0czT2bC5wOXp7wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTQ4QTFCMzg4NDAxMUU1OTA2NUJGQjgwNzVFMDQ2NSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OTQ4QTFCNDg4NDAxMUU1OTA2NUJGQjgwNzVFMDQ2NSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5NDhBMUIxODg0MDExRTU5MDY1QkZCODA3NUUwNDY1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5NDhBMUIyODg0MDExRTU5MDY1QkZCODA3NUUwNDY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAALQAtAAAB/+AcoKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19sA6SCtTCakBCyuKOLmXKAGOOAhLiDkFoQzCOA9YEDyE5SHCBx9KhdhhMc6EBhMJeXDQMY6GjKIgXCgZR0jIQR4msDRxJRQBHyzjoHwpR0LODRI9keDI0kAAnoI8rMgJoyYnlTkBUEA6KMDSmTsxhTjIEsBAqlWvlowR9BIBCzmf9ANLyCrTrJP/SAzI+WMtW5EncmpIUwkCTpZaqtw9FIBGzgxlIRHgWvLH1MGIDLN8ACRSArQsfRCAnCgAj5wmsjwigbnkk80hA6hezbr1ajkeMoCu7Lq1HIM5C9yQU7v363EQFhxBMeGA8ePIkx+fMEFAzjgFmCtHPuHBcwEAik/fbnwCCiZfQHKzcoLk8/Po06tfr95BC7vWAkgQwb6+/fv4ETqocC2EgfwABihgRzToQM1ZJT0AwIIMNujggxBGKOGEFFYIgHkWYQCBNA0A0BEASOzmDAMS2NBRCh5AE4AMFiGAhIHSeIAEAhYdAQ0HFmkwxDVDmPBQAU2MiCECSiDiAQkhMBAC/wFMNunkk1ASkMCUUzJJAgQMMNDAllxyGUEEXTaQ5ZhjQmDmmRCEcOVRhyhBI0I2RNCMGRZ5cUgO5RWAQAYuCCBADYDW4OeghBZqqJ8FuLAnDBo84OijkDqqwaQwwGDCpRlkOsKmCHTaqQsjAIDFAocEYVEHzDCA4QMkFNIAGAgdcMEAtM5K6621XqDrrrz2uiuuFgQr7LDEFmsBrsjiWgJCYIg3CAnW6ZeiMgtYBEUhEfwQhwEqsFkMGSxw9IOchHjxIwjKBICBRS4R8pkZzHgWhwyFCGHRCcoQMIJFZxAyRBz4NhMADgIUOYgKFjnAQDJLOIeQboTQUAB8y3wgAP8PhHBRwEMCwEUMiw+Z8BhvJVChogMHeEuBbA+NkQysDxmxsCARbPBCNDs8QK4cDBhhUQvJrJHwtHJAAAMS0byQwYZJYRgHxsjM9VAJ3kJgAqrQoAFDCFUdYBEKyUiN0ASENCCCBNF0IIKzcpj4kAFhWwQAIRE4gDY0EjiwsxwePpRC3A+1Qbfd0eS9N2PbAo7QAIPf/YzhhBCFENxRW/T3IHU77gzkg6RgEeXHiB0HBmWfnXYMbK/7tuKjl72B5s10sMHMgqg+OeukD9LA62nPTojtiVf+0A+EMPAA7Mx08ADTgjxhOetzDwLBA1g/04EGzPP9vPBjEwKBBtU7o8D/1oS4jdDloVtE9iAhZBC+JVkg0YS3kQzhgAMoRBEkJgpk0OogMvEb61I2CH29LxJWWMIKROAcAUzACpIIgLYsIoITAGFvkVAAAlAjiADejnseIQQBEHDARlBAAT5gWUemIIkXPKcLGEhD9hyhABdwUA4eDF76HrI+QRCgAAqARADYYACHHUZEjvDAstAzAx54TBEKmBghcgg6Y4iuh3L4YRAbEQEFuGE96HoEA2awHgHIgAg0lCIAP8c6G4gQiIw4wwvIyJ5+QUIB9SkACpCYiCjCx3w6tKJFtCBCEnZmDGUwono20AP6OSIIG2NPAbAwskNo8IbOWx0I10AIEoyg/4RyIMJf2DMDNcwQEiowQCTXU4AjYHAQl/wdG0GIPjmQwH2HCIHT0jMCJtDOElWAwi7RgwNEKGAENwReFYshutz50JCGAJl6HuCFG2YiAl/oW3oQYMwNylKTO0SIM7MIzUL8Jz0bkIE1O8GCLfjoPA/oZjJnGc7WFdAFWyxEtZ4zAhpwwJGhSIAEnrDKjpDKkgWYJzgF+ZBxavEQHlhJRzSAAja80hQkmIIBNGCRGfySEH785gfrWcuHHuIDGajBBnBwAhb8DxYk+MAKLBCFdcJSjbWjJ0PPR4gEwBERViDCR4GhgBrAR5msq6JP8yk+AcDHcwtlpk6XGg0FOJUQUP8d6U4DmYAaMLUZVq3kObUq1YeAbRAJEMBXNUGCV3pgnR94YibCSoixBrKsCDmrINK6VkwoQQNlKAQRJpCBdgmCAQdAgFM6QddBoECneI2DXm+jVk98Jg5hFMRVCDkIF8YBeXMVQCUfG1ViiC5ggqBAZTvhhBhARAWCqMIq0QAbKDgHAVz4RGMFQVqymtYiNCCEavuKiRu41gUGKMIXNyCTAuxgiSOojG5FS4i8lHYYoqMXWn/qiSrkUABSaMASEaKF3ILCqvC5rG+xaxEsuA60mtABHKhQgi2EkQFH2IIBFABQTsiObWGA7G8fYiPMmQ4aamMbFATM3ofcDHOEw5v/3gjBBAYLQ3RFaFzhJjyIIlg4GBgmhA4i/DgOC8LD172wRZggYhJvzsRyqHCKQWyRFdDtwNZbGyHEctcBI8Rk0oMBKJOhABNwbRBUsAgYkiHR7klPA/AlMgyyl0PUGgN4VMOcEYAGDRTorCrjjUMQkmFdhMgMzFB7hhayfFifPYS2yEAxQhCQhB13gWipykBwB3GDNyFkf8cgQkFhO4h/9eAZLYiDwQSBsIfQORkNcJphBUGDDHxlGSoowJ4HYa+H7GAZnkWInegGAA0k5hhKGIEDYDQIUz2Ey8kQgwse8gBrRmBdFzDDAna9gBzkoALADrawh01sYP8a2LxOtrKX/83sZVfA19CuQAucN4E6i5CjCMlAJZGxBYuM2RALoEF1NDADGAigAHrylLo95YJ2o/vd8NbTCDLQqA1sIAYiEEEM9o3vfOvbCPYO+Axm8KhJaQABg0K3AEzwBgngWRAVESAzmrBKBGS2EAFIEwNIQAEKJOBJVAq5yBPQ8ZJ73EpYytKWyKSllbM8S2gKgcxJbnIKHNkQIPBzAQjNjN7GwQQXnwYI3omQazmjCl1oURRYXVU/xyFO0ACCCscmgUszowEc2IIiMSKNBSgSIRuwkNjHTvayN2iYIwj6MxZA9AG5/e3TVDs0WBBmuNv97k+3ozUIwARs4/3vAZpBC4ZaDf8CtMACdDzPuQvwdcBfx0/rEQEAWnBKbYRgCUsAgRSkMIYxLKAHIGjCFVRABC6ogAUg4IADII+QMHDg9bCHfQf29ZARKCD2uLdrHBDQgyawIK4fEAIQNL+EHoB+CJrvwReykAC2xaMHX/80Ij5QEmsbIgJ1j0MYJvFweARglLVfyCHk/JCDGuILLKmBXNkyhII+xOiGACRCrFwV8GeIMyKd6EsHsbKS4ACgQNB4D8NzSBEAZEAGqiEHNzBrOREFhrAELJEBFKMu57FMBcgmrpYTNsB0cpCBHQEXmXYeBYBGkNEAbvYcFxcAXsMSDlhd6WFjkNED6eEDGeN0FgFkguD/BO7HEo82GKKTE+o3CPvEEg7gLdKEHt/GFn2mHnpVZiXRgwQwdeehATYVEommHgIAQSNxHksgCKGmHiwEFgGQdOsRXCH4HPAyPfXRBRwYEiBQH9oWBeixAwEwBffBH1Thc+rxArqXIFZAH/bxA/1lDyFgg+mhARuAHgJgLvchAKdGED7xd9FyHxZ4D23gePmBAIIREkQggJioHmrwEl/4ifXBZvcQAMNEilj4iPOQBZ6oiuixfQRxhLBISs4nDx6QiLV4HxxwD1Kwi/gRWPbghMDIStYnD7tTjPcBa/KgBMp4HxPQfe7AY8+IhdIVDw3gWtVYH/TnDlmwjfaxAVWogg60CI7pkQPxQAbZZ47nUWDvcAWvyI7+N4jocIXyqB4FIH7tEADadI/p8WDtsIT+qB7R6A5IMJBltH7lkFUIiR7uqA7f05DqAQDSWA7/IpHpsXPsUI4YyRJhmA4S1JHpgYPo4AS0J5LPIQI3dw5v2BHnFo/+WAOTZg4yhpLnYX6xEAgAOw==);\n -webkit-background-size: cover;\n background-size: cover;\n border-radius: 50%;\n margin: 0;\n padding: 0;\n}\n\n.bili-avatar * {\n margin: 0;\n padding: 0;\n}\n\n.bili-avatar-face {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%, -50%);\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n}\n\n.bili-avatar-pendent-dom {\n height: 176.48%;\n width: 176.48%;\n position: absolute;\n top: -38.33%;\n left: -38.33%;\n overflow: hidden;\n}\n\n.bili-avatar-pendent-dom img {\n height: 100%;\n min-width: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.bili-avatar-img {\n border: none;\n display: block;\n -o-object-fit: cover;\n object-fit: cover;\n image-rendering: -webkit-optimize-contrast;\n}\n\n.bili-avatar-img-radius {\n border-radius: 50%;\n}\n\n.bili-avatar-img[src=""],\n.bili-avatar-img:not([src]) {\n opacity: 0;\n}\n\n.bili-avatar-img.bili-avatar-img-error {\n display: none;\n}\n\n.bili-avatar-right-icon {\n width: 27.5%;\n height: 27.5%;\n position: absolute;\n right: 0;\n bottom: -1px;\n -webkit-background-size: cover;\n background-size: cover;\n image-rendering: -webkit-optimize-contrast;\n}\n\n.bili-avatar-nft-icon {\n position: absolute;\n width: 27.5%;\n height: 27.5%;\n right: -webkit-calc(27.5% - 1px);\n right: -moz-calc(27.5% - 1px);\n right: calc(27.5% - 1px);\n bottom: -1px;\n -webkit-background-size: cover;\n background-size: cover;\n image-rendering: -webkit-optimize-contrast;\n}\n\n@-webkit-keyframes bili-avatar {\n 0% {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translateZ(0);\n }\n\n to {\n -webkit-transform: translate3d(-97.5%, 0, 0);\n transform: translate3d(-97.5%, 0, 0);\n }\n}\n\n@-moz-keyframes bili-avatar {\n 0% {\n -moz-transform: translate3d(0, 0, 0);\n transform: translateZ(0);\n }\n\n to {\n -moz-transform: translate3d(-97.5%, 0, 0);\n transform: translate3d(-97.5%, 0, 0);\n }\n}\n\n@keyframes bili-avatar {\n 0% {\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n transform: translateZ(0);\n }\n\n to {\n -webkit-transform: translate3d(-97.5%, 0, 0);\n -moz-transform: translate3d(-97.5%, 0, 0);\n transform: translate3d(-97.5%, 0, 0);\n }\n}\n\n.bili-avatar .bili-avatar-size-80 {\n width: 22px;\n height: 22px;\n bottom: -1px;\n}\n\n.bili-avatar .bili-avatar-size-60,\n.bili-avatar .bili-avatar-size-50,\n.bili-avatar .bili-avatar-size-48 {\n width: 18px;\n height: 18px;\n bottom: -1px;\n}\n\n.bili-avatar .bili-avatar-size-40,\n.bili-avatar .bili-avatar-size-36 {\n width: 14px;\n height: 14px;\n bottom: -1px;\n}\n\n.bili-avatar .bili-avatar-size-30,\n.bili-avatar .bili-avatar-size-24 {\n width: 12px;\n height: 12px;\n bottom: -1px;\n}\n\n.bili-avatar .bili-avatar-size-nft-80 {\n width: 22px;\n height: 22px;\n bottom: -1px;\n right: -webkit-calc(22px - 1px);\n right: -moz-calc(22px - 1px);\n right: 21px;\n}\n\n.bili-avatar .bili-avatar-size-nft-60,\n.bili-avatar .bili-avatar-size-nft-50,\n.bili-avatar .bili-avatar-size-nft-48 {\n width: 18px;\n height: 18px;\n bottom: -1px;\n right: -webkit-calc(18px - 1px);\n right: -moz-calc(18px - 1px);\n right: 17px;\n}\n\n.bili-avatar .bili-avatar-size-nft-40,\n.bili-avatar .bili-avatar-size-nft-36 {\n width: 14px;\n height: 14px;\n bottom: -1px;\n right: -webkit-calc(14px - 1px);\n right: -moz-calc(14px - 1px);\n right: 13px;\n}\n\n.bili-avatar .bili-avatar-size-nft-30,\n.bili-avatar .bili-avatar-size-nft-24 {\n width: 12px;\n height: 12px;\n bottom: -1px;\n right: -webkit-calc(12px - 1px);\n right: -moz-calc(12px - 1px);\n right: 11px;\n}\n\n.reply-image {\n width: var(--3414c33c);\n height: var(--822197ea);\n}\n\n.reply-image.b-img {\n background-color: inherit;\n}\n\n.reply-image.b-img img {\n width: 100%;\n height: 100%;\n}\n\n.opacity-enter-active,\n.opacity-leave-active {\n transition: opacity 0.15s ease;\n}\n\n.opacity-enter-from,\n.opacity-leave-to {\n opacity: 0;\n}\n\n.reply-box {\n display: flex;\n flex-direction: column;\n}\n\n.reply-box .box-normal {\n display: flex;\n z-index: 2;\n}\n\n.reply-box .box-normal .reply-box-avatar {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 80px;\n height: 48px;\n}\n\n.reply-box .box-normal .reply-box-warp {\n position: relative;\n flex: 1;\n transition: 0.2s;\n border: 1px solid var(--line_regular);\n border-radius: 6px;\n background-color: var(--bg3);\n overflow-x: hidden;\n}\n\n.reply-box .box-normal .reply-box-warp.focus-within,\n.reply-box .box-normal .reply-box-warp:hover {\n border-color: var(--line_regular);\n background-color: var(--bg1);\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap {\n padding: 8px 0;\n display: flex;\n flex-direction: column;\n width: 100%;\n border-radius: 6px;\n cursor: text;\n overflow: hidden;\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info {\n margin-left: 10px;\n margin-bottom: 4px;\n height: 20px;\n font-size: 12px;\n line-height: 17px;\n display: flex;\n align-items: center;\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag {\n flex: none;\n padding: 2px 6px;\n border-radius: 2px;\n margin-right: 4px;\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--pink {\n background-color: var(--Pi1);\n color: var(--Pi5);\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--blue {\n background-color: var(--brand_blue_thin);\n color: var(--brand_blue);\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__tag--gary {\n background-color: var(--graph_bg_regular);\n color: var(--text3);\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__text {\n max-width: calc(100% - 68px);\n color: var(--text2);\n}\n\n.reply-box .box-normal .reply-box-warp .textarea-wrap .vote-info__close {\n flex: none;\n margin-left: 4px;\n cursor: pointer;\n}\n\n.reply-box .box-normal .reply-box-warp .reply-input {\n padding: 0 8px;\n width: 100%;\n height: 100%;\n border: 1px solid var(--Ga1);\n border-radius: 6px;\n background-color: var(--bg3);\n font-family: inherit;\n line-height: 20px;\n color: var(--text1);\n resize: none;\n outline: none;\n overflow-y: scroll;\n overflow-x: hidden;\n}\n\n.reply-box .box-normal .reply-box-warp .reply-input.focus,\n.reply-box .box-normal .reply-box-warp .reply-input:hover {\n background-color: var(--bg1);\n border-color: var(--graph_weak);\n}\n\n.reply-box .box-normal .reply-box-warp .reply-box-textarea {\n padding: 0 8px;\n width: 100%;\n height: 32px;\n border: none;\n border-radius: 6px;\n background-color: transparent;\n font-family: inherit;\n font-size: 14px;\n line-height: 32px;\n color: var(--text1);\n resize: none;\n outline: none;\n}\n\n.reply-box .box-normal .reply-box-warp .reply-box-textarea::placeholder {\n color: var(--text3);\n}\n\n.reply-box .box-normal .reply-box-warp .image-content-wrap {\n background: transparent;\n}\n\n.reply-box .box-expand {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: 80px;\n margin-top: 10px;\n z-index: 1;\n height: 32px;\n transition: all 0.2s ease-in-out;\n}\n\n.reply-box .box-expand.hide {\n margin-top: 0;\n height: 0;\n overflow: hidden;\n transition: all 0.2s ease-in-out;\n}\n\n.reply-box .box-expand .box-left {\n display: flex;\n align-items: center;\n}\n\n.reply-box .box-expand .reply-box-emoji {\n width: 32px;\n height: 26px;\n margin-right: 6px;\n position: relative;\n}\n\n.reply-box .box-expand .reply-box-emoji .emoji-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border: 1px solid var(--line_regular);\n border-radius: 4px;\n color: var(--text3);\n cursor: pointer;\n}\n\n.reply-box .box-expand .at-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 32px;\n height: 26px;\n margin-right: 6px;\n border: 1px solid var(--line_regular);\n border-radius: 4px;\n color: var(--text3);\n cursor: pointer;\n}\n\n.reply-box .box-expand .image-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 32px;\n height: 26px;\n border: 1px solid var(--line_regular);\n border-radius: 4px;\n color: var(--text3);\n cursor: pointer;\n}\n\n.reply-box .box-expand .image-btn.disabled {\n opacity: 0.4;\n}\n\n.reply-box .box-expand .image-btn .image-upload-input {\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n font-size: 0;\n user-select: auto;\n cursor: pointer;\n}\n\n.reply-box .box-expand .forward-to-dynamic {\n display: flex;\n align-items: center;\n margin-left: 16px;\n font-size: 12px;\n color: var(--text3);\n}\n\n.reply-box .box-expand .forward-to-dynamic .forward-input,\n.reply-box .box-expand .forward-to-dynamic .forward-label {\n cursor: pointer;\n}\n\n.reply-box .box-expand .reply-box-send {\n float: right;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 70px;\n height: 32px;\n border-radius: 6px;\n cursor: pointer;\n}\n\n.reply-box .box-expand .reply-box-send .send-text {\n position: absolute;\n z-index: 1;\n font-size: 16px;\n color: var(--text_white);\n}\n\n.reply-box .box-expand .reply-box-send:after {\n content: "";\n position: absolute;\n opacity: 0.5;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n background-color: var(--brand_blue);\n}\n\n.reply-box .box-expand .reply-box-send:hover:after {\n opacity: 1;\n}\n\n.reply-box.box-active .box-normal .reply-box-warp .reply-box-textarea.send-active {\n line-height: normal;\n}\n\n.reply-box.box-active .reply-box-send.send-active:after {\n opacity: 1;\n}\n\n.reply-box.disabled .box-normal .reply-box-warp .disable-mask {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n font-size: 12px;\n color: var(--text3);\n background-color: var(--bg3);\n}\n\n.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n cursor: pointer;\n}\n\n.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn {\n padding: 4px 9px;\n margin: 0 3px;\n border-radius: 4px;\n color: var(--text_white);\n background-color: var(--brand_blue);\n}\n\n.reply-box.disabled .box-normal .reply-box-warp .disable-mask .no-login-mask .login-btn:hover {\n background-color: var(--Lb4);\n cursor: pointer;\n}\n\n.reply-box.disabled .reply-box-send .send-text {\n color: var(--text3);\n}\n\n.reply-box.disabled .reply-box-send:after {\n opacity: 1;\n background-color: var(--bg3);\n}\n\n.reply-box.fixed-box {\n position: relative;\n z-index: 2;\n padding: 15px 0;\n border-top: 0.5px solid var(--graph_bg_thick);\n background-color: var(--bg1);\n}\n\n.reply-content-container.fold .reply-content {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 4;\n}\n\n.reply-content-container .reply-content {\n color: var(--text1);\n overflow: hidden;\n word-wrap: break-word;\n word-break: break-word;\n white-space: pre-wrap;\n line-height: 24px;\n vertical-align: baseline;\n}\n\n.reply-content-container .reply-content .note-prefix {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 1px 4px;\n border-radius: 4px;\n margin-right: 8px;\n font-size: 12px;\n color: var(--text3);\n line-height: 20px;\n vertical-align: bottom;\n background-color: var(--bg2);\n}\n\n.reply-content-container .reply-content .note-prefix .note-icon {\n width: 16px;\n height: 16px;\n}\n\n.reply-content-container .reply-content .top-icon {\n top: -2px;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 30px;\n height: 18px;\n border: 1px solid var(--brand_pink);\n border-radius: 3px;\n margin-right: 5px;\n font-size: 12px;\n color: var(--brand_pink);\n}\n\n.reply-content-container .reply-content .emoji-small {\n vertical-align: text-bottom;\n}\n\n@media screen and (max-width: 1681px) {\n .reply-content-container .reply-content .emoji-small {\n width: 20px;\n height: 20px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-content-container .reply-content .emoji-small {\n width: 22px;\n height: 22px;\n }\n}\n\n.reply-content-container .reply-content .emoji-large {\n width: 50px;\n height: 50px;\n vertical-align: text-bottom;\n}\n\n.reply-content-container .reply-content .icon {\n width: 20px;\n height: 20px;\n vertical-align: text-top;\n}\n\n@media screen and (max-width: 1681px) {\n .reply-content-container .reply-content .icon {\n line-height: 24px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-content-container .reply-content .icon {\n line-height: 26px;\n }\n}\n\n.reply-content-container .reply-content .icon.search-word {\n width: 12px;\n display: inline-block;\n background-size: contain;\n background-repeat: no-repeat;\n}\n\n.reply-content-container .reply-content .jump-link {\n vertical-align: baseline;\n}\n\n@media screen and (max-width: 1681px) {\n .reply-content-container .reply-content .jump-link {\n line-height: 24px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-content-container .reply-content .jump-link {\n line-height: 26px;\n }\n}\n\n.reply-content-container .expand-content {\n color: var(--text_link);\n cursor: pointer;\n margin-left: 4px;\n}\n\n.reply-content-container .expand-content:hover {\n color: var(--brand_blue);\n}\n\n.sub-reply-item {\n position: relative;\n padding: 8px 0 8px 42px;\n border-radius: 4px;\n}\n\n@media screen and (max-width: 1681px) {\n .sub-reply-item {\n font-size: 15px;\n line-height: 24px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .sub-reply-item {\n font-size: 16px;\n line-height: 26px;\n }\n}\n\n.sub-reply-item.show-reply {\n background-color: #dff6fb;\n animation-name: enterAnimation-jumpReply-1f8a4018;\n animation-duration: 2s;\n animation-delay: 3s;\n animation-fill-mode: forwards;\n}\n\n.sub-reply-item .sub-user-info {\n display: inline-flex;\n align-items: center;\n margin-right: 9px;\n line-height: 24px;\n vertical-align: baseline;\n white-space: nowrap;\n}\n\n.sub-reply-item .sub-user-info .sub-reply-avatar {\n position: absolute;\n left: 8px;\n cursor: pointer;\n}\n\n.sub-reply-item .sub-user-info .sub-user-name {\n font-family:\n PingFang SC,\n HarmonyOS_Medium,\n Helvetica Neue,\n Microsoft YaHei,\n sans-serif;\n font-weight: 500;\n margin-right: 5px;\n color: var(--3bab3096);\n cursor: pointer;\n}\n\n@media screen and (max-width: 1681px) {\n .sub-reply-item .sub-user-info .sub-user-name {\n font-size: 13px;\n line-height: 24px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .sub-reply-item .sub-user-info .sub-user-name {\n font-size: 14px;\n line-height: 26px;\n }\n}\n\n@media (-webkit-max-device-pixel-ratio: 1) {\n .sub-reply-item .sub-user-info .sub-user-name {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n Helvetica Neue,\n Helvetica,\n Arial,\n PingFang SC,\n Hiragino Sans GB,\n Microsoft YaHei,\n sans-serif;\n }\n}\n\n.sub-reply-item .sub-user-info .sub-user-level {\n cursor: pointer;\n}\n\n.sub-reply-item .sub-user-info .sub-up-icon {\n cursor: default;\n}\n\n.sub-reply-item .sub-reply-info {\n display: flex;\n align-items: center;\n position: relative;\n margin-top: 2px;\n font-size: 13px;\n color: var(--text3);\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-time {\n margin-right: var(--7530c1e4);\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-location {\n margin-right: 20px;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-like {\n display: flex;\n align-items: center;\n margin-right: 19px;\n cursor: pointer;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon {\n margin-right: 5px;\n color: #9499a0;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon:hover,\n.sub-reply-item .sub-reply-info .sub-reply-like .sub-like-icon.liked {\n color: #00aeec;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-dislike {\n display: flex;\n align-items: center;\n margin-right: 19px;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon {\n color: #9499a0;\n cursor: pointer;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon:hover,\n.sub-reply-item .sub-reply-info .sub-reply-dislike .sub-dislike-icon.disliked {\n color: #00aeec;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-btn {\n cursor: pointer;\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-btn:hover {\n color: var(--brand_blue);\n}\n\n.sub-reply-item .sub-reply-info .sub-reply-operation-warp {\n position: absolute;\n right: 40px;\n opacity: 0;\n}\n\n.sub-reply-item:hover .sub-reply-info .sub-reply-operation-warp {\n opacity: 1;\n}\n\n@keyframes enterAnimation-jumpReply-1f8a4018 {\n 0% {\n background-color: #dff6fb;\n }\n\n to {\n background-color: #dff6fb00;\n }\n}\n\n.sub-reply-list .view-more {\n padding-left: 8px;\n font-size: 13px;\n color: var(--text3);\n}\n\n.sub-reply-list .view-more .view-more-default .view-more-btn {\n cursor: pointer;\n}\n\n.sub-reply-list .view-more .view-more-default .view-more-btn:hover {\n color: var(--brand_blue);\n}\n\n.sub-reply-list .view-more .view-more-pagination {\n color: var(--text1);\n}\n\n.sub-reply-list .view-more .view-more-pagination .pagination-page-count {\n margin-right: 10px;\n}\n\n.sub-reply-list .view-more .view-more-pagination .pagination-btn {\n margin: 0 4 0 14px;\n cursor: pointer;\n}\n\n.sub-reply-list .view-more .view-more-pagination .pagination-btn:hover {\n color: var(--brand_blue);\n}\n\n.sub-reply-list .view-more .view-more-pagination .pagination-page-number {\n margin: 0 4px;\n cursor: pointer;\n}\n\n.sub-reply-list .view-more .view-more-pagination .pagination-page-number:hover,\n.sub-reply-list .view-more .view-more-pagination .pagination-page-number.current-page {\n color: var(--brand_blue);\n}\n\n.sub-reply-list .view-more .view-more-pagination .pagination-page-dot {\n margin: 0 4px;\n cursor: default;\n}\n\n.image-exhibition {\n margin-top: 8px;\n user-select: none;\n}\n\n.image-exhibition .preview-image-container {\n max-width: var(--dacbf126);\n display: flex;\n flex-wrap: wrap;\n row-gap: var(--77b1c8ee);\n column-gap: var(--0c349aa2);\n}\n\n.image-exhibition .preview-image-container .image-item-wrap {\n display: flex;\n justify-content: center;\n position: relative;\n border-radius: var(--7fefecd2);\n overflow: hidden;\n cursor: zoom-in;\n}\n\n.image-exhibition .preview-image-container .image-item-wrap.vertical {\n flex-direction: column;\n}\n\n.image-exhibition .preview-image-container .image-item-wrap.extra-long {\n justify-content: start;\n}\n\n.image-exhibition .preview-image-container .image-item-wrap .more-image {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 4px;\n bottom: 4px;\n height: 20px;\n padding: 0 6px;\n border-radius: 4px;\n font-size: 13px;\n color: var(--text_white);\n font-weight: 500;\n line-height: 18px;\n background: rgba(0, 0, 0, 0.7);\n}\n\n.image-exhibition .preview-image-container .client-image-item-warp:nth-child(3n + 1) {\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.image-exhibition .preview-image-container .client-image-item-warp:nth-child(3n + 2) {\n border-radius: 0;\n}\n\n.image-exhibition .preview-image-container .client-image-item-warp:nth-child(3n + 3) {\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n}\n\n.image-exhibition .preview-image-container .client-image-item-warp:nth-last-child(1) {\n border-bottom-right-radius: var(--7fefecd2);\n border-top-right-radius: var(--7fefecd2);\n}\n\n.image-exhibition .preview-image-container .expand-image-item-warp:nth-child(1) {\n border-radius: var(--7fefecd2) 0 0 0;\n}\n\n.image-exhibition .preview-image-container .expand-image-item-warp:nth-child(3) {\n border-radius: 0 var(--7fefecd2) 0 0;\n}\n\n.image-exhibition .preview-image-container .expand-image-item-warp:nth-child(7) {\n border-radius: 0 0 0 var(--7fefecd2);\n}\n\n.image-exhibition .preview-image-container .expand-image-item-warp:nth-child(9) {\n border-radius: 0 0 var(--7fefecd2) 0;\n}\n\n.image-exhibition .preview-image-container .expand-image-item-warp:nth-child(3n + 2) {\n border-radius: 0;\n}\n\n.image-exhibition .preview-image-container .expand-image-item-warp.expand-image-two-rows:nth-child(4) {\n border-radius: 0 0 0 var(--7fefecd2);\n}\n\n.image-exhibition .preview-image-container .expand-image-item-warp.expand-image-two-rows:nth-child(6) {\n border-radius: 0 0 var(--7fefecd2) 0;\n}\n\n.reply-user-sailing {\n height: 48px;\n}\n\n.vote-warp {\n display: flex;\n width: 100%;\n height: 80px;\n border: 0.5px solid var(--graph_bg_thick);\n border-radius: 4px;\n margin: 10px 0;\n}\n\n.vote-warp .vote-icon-warp {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-basis: 80px;\n flex-shrink: 0;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n background-color: var(--brand_blue_thin);\n}\n\n.vote-warp .vote-icon-warp .vote-icon {\n width: 40px;\n height: 40px;\n}\n\n.vote-warp .vote-container {\n display: flex;\n align-items: center;\n flex: 1;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n background-color: var(--bg1);\n}\n\n.vote-warp .vote-container .vote-text-warp {\n flex: 1;\n padding-left: 15px;\n}\n\n.vote-warp .vote-container .vote-text-warp .vote-title {\n font-size: 14px;\n color: var(--text1);\n}\n\n.vote-warp .vote-container .vote-text-warp .vote-desc {\n margin-top: 10px;\n font-size: 12px;\n color: var(--text3);\n}\n\n.vote-warp .vote-container .vote-btn-warp {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-basis: 90px;\n flex-shrink: 0;\n}\n\n.vote-warp .vote-container .vote-btn-warp .vote-btn {\n width: 54px;\n height: 28px;\n border-radius: 4px;\n font-size: 13px;\n text-align: center;\n line-height: 28px;\n color: var(--text_white);\n background-color: var(--brand_blue);\n cursor: pointer;\n}\n\n.vote-warp .vote-container .vote-btn-warp .vote-btn:hover {\n background-color: var(--Lb4);\n}\n\n.vote-dialog {\n max-height: 100vh;\n overflow-y: auto;\n}\n\n.vote-dialog::-webkit-scrollbar {\n width: 4px;\n border-radius: 4px;\n background-color: transparent;\n}\n\n.vote-dialog::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: var(--graph_bg_thick);\n transition: 0.3s ease-in-out;\n}\n\n.vote-dialog::-webkit-scrollbar-track {\n border-radius: 4px;\n background-color: transparent;\n}\n\n.vote-dialog .vote-iframe-warp {\n height: 600px;\n padding-top: 10px;\n border-top: 0.5px solid var(--graph_weak);\n}\n\n.vote-dialog .vote-iframe-warp .vote-iframe {\n width: 100%;\n height: 100%;\n}\n\n.reply-item {\n position: relative;\n}\n\n.reply-item .login-limit-mask {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n pointer-events: none;\n}\n\n.reply-item .login-limit-mask .mask-top {\n height: 80%;\n background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, var(--bg1) 100%);\n}\n\n.reply-item .login-limit-mask .mask-bottom {\n height: 20%;\n background: var(--bg1);\n}\n\n.reply-item.login-limit-reply-end .login-limit-mask {\n display: block;\n}\n\n.reply-item .root-reply-container {\n padding: 22px 0 0 80px;\n}\n\n.reply-item .root-reply-container.show-reply {\n animation-name: enterAnimation-jumpReply-7041f671;\n animation-duration: 5s;\n animation-fill-mode: forwards;\n}\n\n.reply-item .root-reply-container .root-reply-avatar {\n display: flex;\n justify-content: center;\n position: absolute;\n left: 0;\n width: 80px;\n cursor: pointer;\n}\n\n.reply-item .root-reply-container .content-warp {\n flex: 1;\n position: relative;\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate {\n position: absolute;\n top: 0;\n right: 0;\n user-select: none;\n transform: translateY(-15px);\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate .easter-egg-label {\n width: 82px;\n height: 36px;\n transform: translateY(6px);\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate .easter-egg-label img {\n width: 100%;\n height: 100%;\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate .selected-reply .selected-reply-icon {\n width: var(--213e47ca);\n height: var(--268890ba);\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing {\n display: flex;\n align-items: center;\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-img {\n height: 48px;\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-text {\n position: absolute;\n right: 0;\n font-size: 13px;\n color: var(--2bd55d12);\n line-height: 16px;\n word-break: keep-all;\n transform: scale(0.7);\n transform-origin: center center;\n}\n\n.reply-item .root-reply-container .content-warp .reply-decorate .user-sailing .user-sailing-text .sailing-text {\n font-family: fanscard;\n}\n\n.reply-item .root-reply-container .content-warp .user-info {\n display: flex;\n align-items: center;\n margin-bottom: 4px;\n}\n\n@media screen and (max-width: 1681px) {\n .reply-item .root-reply-container .content-warp .user-info {\n font-size: 13px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-item .root-reply-container .content-warp .user-info {\n font-size: 14px;\n }\n}\n\n.reply-item .root-reply-container .content-warp .user-info .user-name {\n font-family:\n PingFang SC,\n HarmonyOS_Medium,\n Helvetica Neue,\n Microsoft YaHei,\n sans-serif;\n font-weight: 500;\n margin-right: 5px;\n color: var(--dc735352);\n cursor: pointer;\n}\n\n@media (-webkit-max-device-pixel-ratio: 1) {\n .reply-item .root-reply-container .content-warp .user-info .user-name {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n Helvetica Neue,\n Helvetica,\n Arial,\n PingFang SC,\n Hiragino Sans GB,\n Microsoft YaHei,\n sans-serif;\n }\n}\n\n.reply-item .root-reply-container .content-warp .user-info .user-level {\n cursor: pointer;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .up-icon {\n cursor: default;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .contractor-box {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: var(--697d5c46);\n height: 12px;\n padding: 2px;\n border-radius: 2px;\n background-color: var(--brand_pink_thin);\n}\n\n.reply-item .root-reply-container .content-warp .user-info .contractor-box.originalFan {\n border: 0.5px solid var(--brand_pink);\n background-color: transparent;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .contractor-box .contractor-text {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 16px;\n transform-origin: center center;\n transform: scale(0.5);\n position: absolute;\n color: var(--brand_pink);\n white-space: nowrap;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge {\n display: flex;\n align-items: center;\n height: 14px;\n padding-left: 5px;\n border: 0.5px solid var(--3d3b5a1e);\n border-radius: 10px;\n margin-left: 5px;\n background-image: var(--35269ce2);\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap {\n display: flex;\n align-items: center;\n position: relative;\n width: var(--1f5204fd);\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap .badge-frist-icon {\n position: absolute;\n left: -8px;\n width: 20px;\n height: 20px;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-icon-wrap .badge-second-icon {\n position: absolute;\n right: 0;\n width: 8px;\n height: 11px;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-name-wrap {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: var(--4f9eed68);\n height: 100%;\n margin-right: 4px;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-name-wrap .badge-name {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 18px;\n transform-origin: center center;\n transform: scale(0.5);\n position: absolute;\n top: 50%;\n left: 50%;\n color: var(--57e6be72);\n font-weight: 500;\n white-space: nowrap;\n transform: scale(0.5) translate(-50%, -50%);\n transform-origin: 0 0;\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-level-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n width: 11.5px;\n height: 11.5px;\n border-radius: 50%;\n margin-right: 0.5px;\n background-color: var(--59f85baa);\n}\n\n.reply-item .root-reply-container .content-warp .user-info .fan-badge .badge-level-wrap .badge-level {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n transform-origin: center center;\n transform: scale(0.5);\n position: absolute;\n top: 52%;\n left: 50%;\n font-family: Reeji-CloudHuPo-GBK;\n color: var(--103312b6);\n font-weight: 500;\n white-space: nowrap;\n line-height: 1;\n transform: scale(0.5) translate(-50%, -43%);\n transform-origin: 0 0;\n}\n\n.reply-item .root-reply-container .content-warp .vote-info {\n margin-bottom: 4px;\n height: 20px;\n font-size: 12px;\n line-height: 17px;\n display: flex;\n align-items: center;\n}\n\n.reply-item .root-reply-container .content-warp .vote-info__tag {\n padding: 2px 6px;\n border-radius: 2px;\n margin-right: 4px;\n flex: none;\n}\n\n.reply-item .root-reply-container .content-warp .vote-info__tag--pink {\n background-color: var(--Pi1);\n color: var(--Pi5);\n}\n\n.reply-item .root-reply-container .content-warp .vote-info__tag--blue {\n background-color: var(--brand_blue_thin);\n color: var(--brand_blue);\n}\n\n.reply-item .root-reply-container .content-warp .vote-info__tag--gray {\n background-color: var(--graph_bg_regular);\n color: var(--text3);\n}\n\n.reply-item .root-reply-container .content-warp .vote-info__text {\n color: var(--Ga7_u);\n}\n\n.reply-item .root-reply-container .content-warp .root-reply {\n position: relative;\n padding: 2px 0;\n}\n\n@media screen and (max-width: 1681px) {\n .reply-item .root-reply-container .content-warp .root-reply {\n font-size: 15px;\n line-height: 24px;\n }\n}\n\n@media screen and (min-width: 1681px) {\n .reply-item .root-reply-container .content-warp .root-reply {\n font-size: 16px;\n line-height: 26px;\n }\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-content-container {\n display: block;\n overflow: hidden;\n width: 100%;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info {\n display: flex;\n align-items: center;\n position: relative;\n margin-top: 2px;\n font-size: 13px;\n color: var(--text3);\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-time {\n margin-right: var(--472bae2d);\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-location {\n margin-right: 20px;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like {\n display: flex;\n align-items: center;\n margin-right: 19px;\n cursor: pointer;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon {\n margin-right: 5px;\n color: #9499a0;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon:hover,\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-like .like-icon.liked {\n color: #00aeec;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike {\n display: flex;\n align-items: center;\n margin-right: 19px;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon {\n color: #9499a0;\n cursor: pointer;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon:hover,\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-dislike .dislike-icon.disliked {\n color: #00aeec;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-btn {\n cursor: pointer;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-btn:hover {\n color: var(--brand_blue);\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-info .reply-operation-warp {\n position: absolute;\n right: 20px;\n display: none;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list {\n display: flex;\n align-items: center;\n margin-top: 6px;\n font-size: 12px;\n line-height: 17px;\n}\n\n.reply-item .root-reply-container .content-warp .root-reply .reply-tag-list .reply-tag-item {\n padding: 2px 6px;\n border-radius: 2px;\n margin-right: 10px;\n}\n\n.reply-item .root-reply-container:hover .content-warp .root-reply .reply-info .reply-operation-warp {\n display: block;\n}\n\n.reply-item .sub-reply-container {\n padding-left: 72px;\n}\n\n.reply-item .reply-box-container {\n padding: 25px 0 10px 80px;\n}\n\n.reply-item .bottom-line {\n margin-left: 80px;\n border-bottom: 1px solid var(--graph_bg_thick);\n margin-top: 14px;\n}\n\n.reply-item .reply-dynamic-card {\n position: absolute;\n z-index: 10;\n top: 30px;\n left: 400px;\n}\n\n@keyframes enterAnimation-jumpReply-7041f671 {\n 0% {\n background-color: #dff6fb;\n }\n\n to {\n background-color: #dff6fb00;\n }\n}\n\n.reply-list {\n margin-top: 14px;\n padding-bottom: 100px;\n}\n\n.reply-list .reply-end-mark {\n height: 100px;\n}\n\n.reply-list .reply-end,\n.reply-list .reply-loading,\n.reply-list .view-all-reply {\n margin-top: 20px;\n font-size: 13px;\n color: var(--text3);\n text-align: center;\n}\n\n.reply-list .view-all-reply:hover {\n color: var(--brand_blue);\n cursor: pointer;\n}\n\n.reply-list .login-prompt {\n display: flex;\n align-items: center;\n justify-content: center;\n width: calc(100% - 80px);\n height: 50px;\n margin: 16px 0 0 auto;\n border-radius: 6px;\n font-size: 14px;\n color: var(--brand_blue);\n background-color: var(--brand_blue_thin);\n transition: 0.2s;\n cursor: pointer;\n}\n\n.reply-list .login-prompt:hover {\n background-color: var(--Lb2);\n}\n\n.user-card {\n position: absolute;\n top: var(--555c4a14);\n left: var(--8468e010);\n z-index: 10;\n width: 366px;\n border: 0.5px solid var(--graph_weak);\n border-radius: 8px;\n background-color: var(--bg1);\n box-shadow: 0 0 30px #0000001a;\n}\n\n.user-card .card-bg {\n width: 100%;\n height: 85px;\n border-radius: 8px 8px 0 0;\n overflow: hidden;\n background-image: var(--71924242);\n background-size: cover;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.user-card .user-card-avatar {\n display: flex;\n justify-content: center;\n position: absolute;\n width: 70px;\n margin-top: 10px;\n cursor: pointer;\n}\n\n.user-card .card-content {\n display: flex;\n flex-direction: column;\n padding: 12px 20px 16px 70px;\n}\n\n.user-card .card-content .card-user-info {\n display: flex;\n align-items: center;\n color: var(--text1);\n margin-bottom: 10px;\n}\n\n.user-card .card-content .card-user-info .card-user-name {\n max-width: 160px;\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n color: var(--text1);\n color: var(--7ba58c95);\n text-decoration: none;\n}\n\n.user-card .card-content .card-user-info .card-user-sex {\n width: 16px;\n height: 16px;\n margin-right: 5px;\n}\n\n.user-card .card-content .card-user-info .card-user-level {\n margin-right: 5px;\n cursor: pointer;\n}\n\n.user-card .card-content .card-user-info .card-user-vip {\n display: flex;\n justify-content: center;\n align-items: center;\n width: var(--7a718880);\n height: 16px;\n padding: 1px 4px;\n border-radius: 2px;\n color: var(--612d8511);\n background-color: var(--29ab308e);\n cursor: default;\n}\n\n.user-card .card-content .card-user-info .card-user-vip .card-vip-text {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 20px;\n transform-origin: center center;\n transform: scale(0.5);\n white-space: nowrap;\n font-style: normal;\n}\n\n.user-card .card-content .card-social-info {\n display: flex;\n align-items: center;\n font-size: 12px;\n color: var(--text1);\n}\n\n.user-card .card-content .card-social-info .card-user-attention,\n.user-card .card-content .card-social-info .card-user-fans,\n.user-card .card-content .card-social-info .card-user-like {\n margin-right: 18px;\n color: inherit;\n text-decoration: none;\n}\n\n.user-card .card-content .card-social-info .card-user-attention .social-info-title,\n.user-card .card-content .card-social-info .card-user-fans .social-info-title,\n.user-card .card-content .card-social-info .card-user-like .social-info-title {\n margin-left: 3px;\n color: var(--text3);\n}\n\n.user-card .card-content .card-verify-info {\n padding-top: 10px;\n font-size: 12px;\n color: var(--text3);\n}\n\n.user-card .card-content .card-verify-info .card-verify-icon {\n vertical-align: text-bottom;\n margin-right: 3px;\n}\n\n.user-card .card-content .card-sign {\n padding-top: 8px;\n font-size: 12px;\n color: var(--text3);\n word-break: break-all;\n}\n\n.user-card .card-content .card-btn-warp {\n display: flex;\n margin-top: 16px;\n font-size: 14px;\n}\n\n.user-card .card-content .card-btn-warp .card-attention-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100px;\n height: 30px;\n border-radius: 4px;\n margin-right: 8px;\n color: var(--text_white);\n background-color: var(--brand_blue);\n transition: 0.4s;\n cursor: pointer;\n}\n\n.user-card .card-content .card-btn-warp .card-attention-btn .cancel-attention-text {\n display: none;\n position: absolute;\n}\n\n.user-card .card-content .card-btn-warp .card-attention-btn.attention {\n color: var(--text2);\n background-color: var(--bg3);\n}\n\n.user-card .card-content .card-btn-warp .card-attention-btn.attention:hover .attention-text {\n display: none;\n}\n\n.user-card .card-content .card-btn-warp .card-attention-btn.attention:hover .cancel-attention-text {\n display: inline;\n}\n\n.user-card .card-content .card-btn-warp .card-message-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100px;\n height: 30px;\n border: 1px solid var(--graph_weak);\n border-radius: 4px;\n color: var(--text2);\n cursor: pointer;\n}\n\n.user-card .card-content .card-btn-warp .card-message-btn:hover {\n border-color: var(--brand_blue);\n color: var(--brand_blue);\n}\n\n.dynamic-card {\n display: flex;\n flex-direction: column;\n position: absolute;\n z-index: 10;\n top: var(--7b058890);\n left: 400px;\n width: 710px;\n height: 550px;\n border-radius: 6px;\n background-color: var(--bg1);\n box-shadow: 0 0 25px #00000026;\n}\n\n.dynamic-card .card-header {\n display: flex;\n align-items: center;\n flex-basis: 50px;\n padding: 0 10px;\n border-bottom: 0.5px solid var(--line_light);\n}\n\n.dynamic-card .card-header .card-title {\n flex: 1;\n text-align: center;\n font-size: 16px;\n color: var(--text1);\n}\n\n.dynamic-card .card-header .close-card {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 30px;\n height: 30px;\n border-radius: 6px;\n color: var(--text2);\n transition: 0.2s;\n cursor: pointer;\n}\n\n.dynamic-card .card-header .close-card:hover {\n background-color: var(--bg3);\n}\n\n.dynamic-card .card-content {\n flex: 1;\n}\n\n.dynamic-card .card-content::-webkit-scrollbar {\n width: 4px;\n border-radius: 4px;\n background-color: transparent;\n}\n\n.dynamic-card .card-content::-webkit-scrollbar-thumb {\n border-radius: 4px;\n background-color: var(--graph_bg_thick);\n transition: 0.3s ease-in-out;\n}\n\n.dynamic-card .card-content::-webkit-scrollbar-track {\n border-radius: 4px;\n background-color: transparent;\n}\n\n.dynamic-card .card-content .dynamic-card-iframe {\n width: 100%;\n height: 100%;\n}\n\n.reply-view-image {\n position: fixed;\n z-index: 999999;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(24, 25, 28, 0.85);\n transform: scale(1);\n user-select: none;\n cursor: default;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -webkit-user-drag: none;\n}\n\n.reply-view-image,\n.reply-view-image * {\n box-sizing: border-box;\n}\n\n.reply-view-image .operation-btn .operation-btn-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 2;\n width: 42px;\n height: 42px;\n border-radius: 50%;\n color: var(--text_white);\n background: rgba(0, 0, 0, 0.58);\n transition: 0.2s;\n cursor: pointer;\n}\n\n.reply-view-image .operation-btn .operation-btn-icon:hover {\n color: var(--brand_pink);\n}\n\n.reply-view-image .operation-btn .operation-btn-icon.close-container {\n top: 16px;\n right: 16px;\n}\n\n.reply-view-image .operation-btn .operation-btn-icon.last-image {\n top: 50%;\n left: 16px;\n transform: translateY(-50%);\n}\n\n.reply-view-image .operation-btn .operation-btn-icon.next-image {\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n}\n\n.reply-view-image .show-image-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n width: 100%;\n height: 100%;\n max-height: 100%;\n padding: 0 100px;\n overflow: auto;\n}\n\n.reply-view-image .show-image-wrap .loading-svga {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 42px;\n height: 42px;\n}\n\n.reply-view-image .show-image-wrap.vertical {\n flex-direction: column;\n justify-content: var(--c186e874);\n}\n\n.reply-view-image .show-image-wrap .image-content {\n width: calc(100vw - 200px);\n max-width: var(--34114ac9);\n -webkit-user-drag: none;\n}\n\n.reply-view-image .preview-list {\n display: flex;\n align-items: center;\n position: absolute;\n left: 50%;\n bottom: 30px;\n z-index: 2;\n padding: 6px 10px;\n border-radius: 8px;\n background: rgba(24, 25, 28, 0.8);\n backdrop-filter: blur(20px);\n transform: translate(-50%);\n}\n\n.reply-view-image .preview-list .preview-item-box {\n padding: 1px;\n border: 2px solid transparent;\n border-radius: 8px;\n transition: 0.3s;\n cursor: pointer;\n}\n\n.reply-view-image .preview-list .preview-item-box.active {\n border-color: var(--brand_pink);\n}\n\n.reply-view-image .preview-list .preview-item-box .preview-item-wrap {\n display: flex;\n justify-content: center;\n overflow: hidden;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n}\n\n.reply-view-image .preview-list .preview-item-box .preview-item-wrap.vertical {\n flex-direction: column;\n}\n\n.reply-view-image .preview-list .preview-item-box .preview-item-wrap.extra-long {\n justify-content: start;\n}\n\n.reply-view-image .preview-list .preview-item-box .preview-item-wrap .item-content {\n -webkit-user-drag: none;\n}\n\n.reply-view-image--transition-enter-active,\n.reply-view-image--transition-leave-active {\n transition: all 0.3s ease;\n}\n\n.reply-view-image--transition-enter-from,\n.reply-view-image--transition-leave-to {\n transform: scale(0.4);\n opacity: 0;\n}\n\n.reply-warp {\n position: relative;\n}\n\n.reply-warp .fixed-reply-box {\n position: fixed;\n bottom: 0;\n left: var(--3e88ddc5);\n z-index: 10;\n width: var(--d9a0b070);\n}\n\n.reply-warp .fixed-reply-box .reply-box-shadow {\n position: absolute;\n top: -10px;\n z-index: 1;\n width: 100%;\n height: 36px;\n border-radius: 50%;\n background-color: #00000014;\n filter: blur(10px);\n}\n\n.reply-warp .fixed-reply-box--transition-enter-active,\n.reply-warp .fixed-reply-box--transition-leave-active {\n transition: opacity 0.5s ease;\n}\n\n.reply-warp .fixed-reply-box--transition-enter-from,\n.reply-warp .fixed-reply-box--transition-leave-to {\n opacity: 0;\n}\n\n.bili-comment.browser-pc {\n background-color: var(--bg1);\n}\n\n.bili-comment.browser-pc * {\n font-family:\n PingFang SC,\n HarmonyOS_Regular,\n Helvetica Neue,\n Microsoft YaHei,\n sans-serif;\n font-weight: 400;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n}\n\n@media (-webkit-max-device-pixel-ratio: 1) {\n .bili-comment.browser-pc * {\n font-family:\n -apple-system,\n BlinkMacSystemFont,\n Helvetica Neue,\n Helvetica,\n Arial,\n PingFang SC,\n Hiragino Sans GB,\n Microsoft YaHei,\n sans-serif;\n }\n}\n\n.bili-comment.browser-pc * ul {\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n.bili-comment.browser-pc * a {\n text-decoration: none;\n background-color: transparent;\n color: var(--text_link);\n cursor: pointer;\n}\n\n.bili-comment.browser-pc * a:hover {\n color: var(--Lb4);\n}\n\n.bili-comment.browser-pc * i {\n font-style: normal;\n}\n\n.bili-comment.browser-pc * p {\n margin: 0;\n padding: 0;\n}\n\n.bili-comment.browser-pc .comment-container {\n animation-name: enterAnimation-commentContainer;\n animation-duration: 1s;\n animation-fill-mode: forwards;\n}\n\n.reply-operation-client {\n display: inline-flex;\n position: relative;\n}\n\n.reply-operation-client .operation-icon {\n border-radius: 4px;\n cursor: pointer;\n}\n\n.reply-operation-client .operation-icon:hover {\n background-color: var(--graph_bg_thick);\n}\n\n.reply-operation-client .operation-list {\n display: flex;\n flex-direction: column;\n position: absolute;\n top: 10px;\n right: 0;\n z-index: 10;\n width: 180px;\n padding: 12px 0;\n border-radius: 6px;\n font-size: 14px;\n color: var(--text2);\n background-color: var(--bg1_float);\n box-shadow: 0 0 5px #0003;\n}\n\n.reply-operation-client .operation-list .operation-option {\n display: flex;\n align-items: center;\n height: 40px;\n padding: 0 15px;\n cursor: pointer;\n}\n\n.reply-operation-client .operation-list .operation-option:hover {\n background-color: var(--graph_bg_thick);\n}\n\n.reply-operation-client .operation-list .delete-reply-modal {\n position: absolute;\n top: 0;\n left: 50%;\n width: auto;\n padding: 10px 20px;\n border: 1px solid var(--graph_bg_thick);\n border-radius: 8px;\n margin-bottom: 100px;\n font-size: 12px;\n line-height: 12px;\n text-align: center;\n white-space: nowrap;\n background-color: var(--bg1);\n box-shadow: 0 0 5px #0003;\n transform: translate(-50%, -100%);\n}\n\n.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn {\n display: flex;\n justify-content: center;\n}\n\n.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 20px;\n border-radius: 4px;\n margin-right: 20px;\n color: var(--text_white);\n background-color: var(--brand_blue);\n}\n\n.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .comfirm-delete:hover {\n background-color: var(--Lb4);\n}\n\n.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 20px;\n}\n\n.reply-operation-client .operation-list .delete-reply-modal .delete-reply-btn .cancel-delete:hover {\n color: var(--brand_blue);\n}\n\n.select-reply-dialog-client .select-dialog-content {\n text-align: left;\n}\n\n.select-reply-dialog-client .cancel-select-reply {\n width: 130px;\n margin-right: 20px;\n}\n\n.select-reply-dialog-client .comfirm-select-reply {\n width: 130px;\n}\n\n.close-reply-dialog-client .close-reply-dialog-content {\n text-align: left;\n}\n\n.close-reply-dialog-client .cancel-close-reply {\n width: 130px;\n margin-right: 20px;\n}\n\n.close-reply-dialog-client .comfirm-close-reply {\n width: 130px;\n}\n\n.close-danmaku-dialog-client .close-danmaku-dialog-content {\n text-align: left;\n}\n\n.close-danmaku-dialog-client .cancel-close-danmaku {\n width: 130px;\n margin-right: 20px;\n}\n\n.close-danmaku-dialog-client .comfirm-close-danmaku {\n width: 130px;\n}\n\n.blacklist-dialog-client .blacklist-dialog-content {\n text-align: center;\n}\n\n.blacklist-dialog-client .comfirm-pull-blacklist {\n margin-right: 20px;\n}\n\n.reply-header-client .reply-notice {\n display: flex;\n align-items: center;\n position: relative;\n height: 40px;\n padding: 11px 14px;\n margin-bottom: 10px;\n font-size: 12px;\n border-radius: 2px;\n color: var(--text_notice);\n background-color: var(--Or0);\n cursor: pointer;\n}\n\n.reply-header-client .reply-notice .notice-content {\n flex: 1;\n position: relative;\n padding: 0 5px;\n line-height: 18px;\n vertical-align: top;\n word-wrap: break-word;\n word-break: break-all;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: 2s;\n}\n\n.reply-header-client .reply-navigation {\n margin: 12px 0;\n}\n\n.reply-header-client .reply-navigation .nav-bar {\n display: flex;\n align-items: center;\n position: relative;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-select-reply {\n font-size: 12px;\n color: var(--text1);\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-sort {\n display: flex;\n align-items: center;\n font-size: 12px;\n color: var(--text3);\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-sort .part-symbol {\n height: 10px;\n margin: 0 8px;\n border-left: solid 1px;\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort {\n cursor: pointer;\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-sort .hot-sort:hover {\n color: var(--brand_blue);\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort {\n cursor: pointer;\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-sort .time-sort:hover {\n color: var(--brand_blue);\n}\n\n.reply-header-client .reply-navigation .nav-bar .nav-sort.hot .hot-sort,\n.reply-header-client .reply-navigation .nav-bar .nav-sort.time .time-sort {\n color: var(--text1);\n}\n\n.reply-header-client .reply-navigation .nav-operation-warp {\n position: absolute;\n right: 0;\n}\n\n.reply-box-client {\n display: flex;\n flex-direction: column;\n}\n\n.reply-box-client .reply-box-warp {\n position: relative;\n flex: 1;\n}\n\n.reply-box-client .reply-box-warp .reply-box-textarea {\n width: 100%;\n height: 32px;\n padding: 5px 12px;\n border: 1px solid transparent;\n border-radius: 6px;\n line-height: 20px;\n color: var(--text1);\n background-color: var(--bg2);\n resize: none;\n outline: none;\n transition: 0.2s;\n}\n\n.reply-box-client .reply-box-warp .reply-box-textarea::placeholder {\n color: var(--text4);\n}\n\n.reply-box-client .reply-box-warp .reply-box-textarea.focus,\n.reply-box-client .reply-box-warp .reply-box-textarea:hover {\n border-color: var(--brand_pink);\n}\n\n.reply-box-client .box-operation-warp {\n display: flex;\n align-items: center;\n margin-top: 10px;\n height: 32px;\n}\n\n.reply-box-client .box-operation-warp .reply-box-emoji {\n position: relative;\n margin-right: auto;\n}\n\n.reply-box-client .box-operation-warp .reply-box-emoji .box-emoji-icon {\n cursor: pointer;\n}\n\n.reply-box-client .box-operation-warp .reply-box-send {\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 70px;\n height: 100%;\n border-radius: 4px;\n cursor: pointer;\n}\n\n.reply-box-client .box-operation-warp .reply-box-send .send-text {\n position: absolute;\n z-index: 1;\n color: var(--text_white);\n}\n\n.reply-box-client .box-operation-warp .reply-box-send:after {\n content: "";\n position: absolute;\n opacity: 0.5;\n width: 100%;\n height: 100%;\n border-radius: 4px;\n background-color: var(--brand_pink);\n}\n\n.reply-box-client .box-operation-warp .reply-box-send:hover:after {\n opacity: 1;\n}\n\n.reply-box-client.box-active .reply-box-warp .reply-box-textarea {\n height: 60px;\n}\n\n.reply-box-client.box-active .reply-box-send.send-active:after {\n opacity: 1;\n}\n\n.reply-box-client.disabled .reply-box-warp .disable-mask {\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n border-radius: 6px;\n font-size: 12px;\n color: var(--text3);\n background-color: var(--bg3);\n}\n\n.reply-box-client.disabled .reply-box-warp .disable-mask .no-login-mask {\n cursor: pointer;\n}\n\n.reply-box-client.disabled .box-operation-warp .reply-box-send {\n cursor: not-allowed;\n}\n\n.reply-box-client.disabled .box-operation-warp .reply-box-send .send-text {\n color: var(--text3);\n}\n\n.reply-box-client.disabled .box-operation-warp .reply-box-send:after {\n opacity: 1;\n background-color: var(--bg3);\n}\n\n.note-prefix {\n vertical-align: -3px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 0 3px;\n line-height: 19px;\n border-radius: 4px;\n margin-right: 6px;\n font-size: 12px;\n color: var(--text3);\n background-color: var(--bg2);\n}\n\n.note-prefix .note-icon {\n width: 16px;\n height: 16px;\n}\n\n.reply-content-client {\n color: var(--text1);\n overflow: hidden;\n word-wrap: break-word;\n word-break: break-word;\n white-space: pre-wrap;\n vertical-align: baseline;\n transition: 0.2s;\n}\n\n.reply-content-client.root {\n line-height: 25px;\n}\n\n.reply-content-client.need-view-more {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.reply-content-client.sub {\n line-height: 20px;\n}\n\n.reply-content-client .top-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 30px;\n height: 18px;\n border: 1px solid var(--brand_pink);\n border-radius: 3px;\n margin-right: 5px;\n font-size: 12px;\n color: var(--brand_pink);\n vertical-align: 1px;\n}\n\n.reply-content-client .emoji-small {\n width: 20px;\n height: 20px;\n vertical-align: text-bottom;\n}\n\n.reply-content-client .emoji-large {\n width: 36px;\n height: 36px;\n vertical-align: text-bottom;\n}\n\n.reply-content-client .jump-link {\n vertical-align: baseline;\n}\n\n.reply-content-client .icon {\n width: 20px;\n height: 20px;\n vertical-align: text-top;\n}\n\n.reply-content-client .icon.vote {\n width: 16px;\n height: 16px;\n margin-right: 3px;\n vertical-align: text-bottom;\n}\n\n.reply-content-client .icon.search-word {\n width: 12px;\n display: inline-block;\n background-size: contain;\n background-repeat: no-repeat;\n}\n\n.view-more-reply {\n font-size: 12px;\n color: var(--text_link);\n line-height: 17px;\n cursor: pointer;\n}\n\n.view-more-reply:hover {\n color: var(--Lb4);\n}\n\n.sub-reply-item-client {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n position: relative;\n max-height: 42px;\n padding: 3px 0;\n font-size: 14px;\n overflow: hidden;\n}\n\n.sub-reply-item-client .sub-user-info {\n display: inline-flex;\n align-items: center;\n color: var(--text2);\n line-height: 20px;\n vertical-align: baseline;\n white-space: nowrap;\n}\n\n.sub-reply-item-client .sub-user-info .sub-user-name {\n margin-right: 5px;\n font-size: 14px;\n cursor: pointer;\n}\n\n.sub-reply-item-client .sub-user-info .sub-up-icon {\n margin-right: 4px;\n cursor: default;\n}\n\n.sub-reply-list-client {\n border-radius: 4px;\n padding: 7px 10px;\n margin-top: 12px;\n background-color: var(--bg2_float);\n}\n\n.sub-reply-list-client .view-more {\n margin-top: 4px;\n cursor: pointer;\n}\n\n.sub-reply-list-client .view-more .view-more-text {\n font-size: 12px;\n color: var(--text_link);\n}\n\n.sub-reply-list-client .view-more .view-more-text:hover {\n color: var(--Lb4);\n}\n\n.content-warp--blacklist .reply-content {\n display: inline-flex;\n align-items: center;\n padding: 4px;\n border-radius: 4px;\n color: var(--text1);\n background-color: var(--bg2_float);\n}\n\n.content-warp--blacklist .reply-content .ban-icon {\n margin-right: 4px;\n}\n\n.content-warp--blacklist .reply-header {\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n}\n\n.content-warp--blacklist .reply-header .root-reply-avatar {\n display: flex;\n justify-content: center;\n position: absolute;\n left: 0;\n cursor: pointer;\n}\n\n.content-warp--blacklist .reply-header .root-reply-avatar .blacklist-avatar {\n width: 30px;\n height: 30px;\n}\n\n.content-warp--blacklist .reply-header .reply-info .balcklist-name {\n color: var(--text1);\n}\n\n.reply-item-client {\n position: relative;\n padding: 10px 0 14px 42px;\n border-bottom: 1px solid var(--line_light);\n}\n\n.reply-item-client .content-warp {\n flex: 1;\n position: relative;\n}\n\n.reply-item-client .content-warp .reply-header {\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n}\n\n.reply-item-client .content-warp .reply-header .root-reply-avatar {\n display: flex;\n justify-content: center;\n position: absolute;\n left: -42px;\n cursor: pointer;\n}\n\n.reply-item-client .content-warp .reply-header .reply-info {\n display: flex;\n flex-direction: column;\n}\n\n.reply-item-client .content-warp .reply-header .reply-info .user-info {\n display: flex;\n align-items: center;\n font-size: 13px;\n color: var(--text2);\n}\n\n.reply-item-client .content-warp .reply-header .reply-info .user-info .user-name {\n margin-right: 5px;\n color: var(--be794234);\n cursor: pointer;\n}\n\n.reply-item-client .content-warp .reply-header .reply-info .user-info .user-level {\n margin-right: 5px;\n cursor: pointer;\n}\n\n.reply-item-client .content-warp .reply-header .reply-info .user-info .up-icon {\n cursor: default;\n}\n\n.reply-item-client .content-warp .reply-header .reply-info .reply-time {\n font-size: 12px;\n color: var(--text3);\n}\n\n.reply-item-client .content-warp .root-reply {\n position: relative;\n font-size: 15px;\n line-height: 25px;\n transition: 0.2s;\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp {\n display: flex;\n align-items: center;\n position: relative;\n margin-top: 12px;\n font-size: 13px;\n color: var(--text3);\n line-height: 16px;\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like {\n display: flex;\n align-items: center;\n margin-right: 19px;\n cursor: pointer;\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon {\n margin-right: 5px;\n color: var(--text3);\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon:hover,\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-like .like-icon.liked {\n color: var(--brand_pink);\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike {\n display: flex;\n align-items: center;\n margin-right: 19px;\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon {\n color: var(--text3);\n cursor: pointer;\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon:hover,\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-dislike .dislike-icon.disliked {\n color: var(--brand_pink);\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-icon {\n color: var(--text3);\n cursor: pointer;\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .reply-icon:hover {\n color: var(--brand_pink);\n}\n\n.reply-item-client .content-warp .root-reply .reply-operation-warp .more-operation {\n display: none;\n position: absolute;\n right: 20px;\n}\n\n.reply-item-client .content-warp .reply-item-box {\n margin-top: 12px;\n}\n\n.reply-item-client .content-warp .reply-tag-list {\n display: flex;\n align-items: center;\n margin-top: 12px;\n font-size: 12px;\n line-height: 14px;\n}\n\n.reply-item-client .content-warp .reply-tag-list .reply-tag-item {\n padding: 5px 6px;\n border-radius: 2px;\n margin-right: 10px;\n color: var(--text2);\n background-color: var(--bg2_float);\n}\n\n.reply-item-client:hover .content-warp .root-reply .reply-operation-warp .more-operation {\n display: block;\n}\n\n.reply-list {\n position: relative;\n margin-top: 14px;\n padding-bottom: 100px;\n}\n\n.reply-list .reply-empty {\n margin-top: 100px;\n text-align: center;\n font-size: 14px;\n color: var(--text3);\n}\n\n.reply-list .reply-end-mark {\n height: 100px;\n}\n\n.reply-list .reply-end,\n.reply-list .reply-loading {\n margin-top: 20px;\n font-size: 13px;\n color: var(--text3);\n text-align: center;\n}\n\n.fixed-reply-box {\n bottom: 0;\n z-index: 20;\n width: 100%;\n}\n\n.fixed-reply-box .reply-box-wrap {\n background-color: var(--bg1);\n padding: 14px 0;\n border-top: 1px solid var(--line_light);\n}\n\n.fixed-reply-box .reply-box-shadow {\n position: absolute;\n top: -10px;\n z-index: -1;\n height: 36px;\n border-radius: 50%;\n background-color: #00000014;\n filter: blur(10px);\n width: calc(100% - 72px);\n left: 50%;\n transform: translate(-50%);\n}\n\n.reply-detail {\n flex: 1;\n}\n\n.reply-detail .reply-header {\n display: flex;\n align-items: center;\n position: sticky;\n z-index: 9;\n top: 0;\n left: 0;\n height: 46px;\n border-bottom: 1px solid var(--line_light);\n margin-bottom: 14px;\n background-color: var(--bg1);\n}\n\n.reply-detail .reply-header .return-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 4px;\n color: var(--text1);\n cursor: pointer;\n}\n\n.reply-detail .reply-header .return-icon:hover {\n background-color: var(--graph_bg_thick);\n}\n\n.reply-detail .reply-header .reply-title {\n font-size: 16px;\n font-weight: 600;\n color: var(--text1);\n}\n\n.dialog-reply {\n flex: 1;\n}\n\n.dialog-reply .reply-header {\n display: flex;\n align-items: center;\n position: sticky;\n z-index: 9;\n top: 0;\n left: 0;\n height: 46px;\n border-bottom: 1px solid var(--line_light);\n margin-bottom: 14px;\n background-color: var(--bg1);\n}\n\n.dialog-reply .reply-header .return-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 32px;\n height: 32px;\n border-radius: 4px;\n margin-right: 4px;\n color: var(--text1);\n cursor: pointer;\n}\n\n.dialog-reply .reply-header .return-icon:hover {\n background-color: var(--graph_bg_thick);\n}\n\n.dialog-reply .reply-header .reply-title {\n font-size: 16px;\n font-weight: 600;\n color: var(--text1);\n}\n\n.bili-comment.client {\n background-color: var(--bg1);\n}\n\n.bili-comment.client * {\n box-sizing: border-box;\n font-family:\n PingFang SC,\n HarmonyOS_Regular,\n Helvetica Neue,\n Microsoft YaHei,\n sans-serif;\n -webkit-font-smoothing: antialiased;\n}\n\n.bili-comment.client * ul {\n list-style: none;\n}\n\n.bili-comment.client * a {\n text-decoration: none;\n background-color: transparent;\n color: var(--text_link);\n cursor: pointer;\n}\n\n.bili-comment.client * a:hover {\n color: var(--Lb4);\n}\n\n.bili-comment.client * i {\n font-style: normal;\n}\n'; const BilibiliUrl = { getUserSpaceUrl(userId) { return `https://m.bilibili.com/space/${userId}`; }, getUserSpaceDynamicUrl(id) { return `https://m.bilibili.com/dynamic/${id}`; }, getUserSpaceOpusUrl(id) { return `https://m.bilibili.com/opus/${id}`; }, getVideoUrl(id) { return `https://m.bilibili.com/video/${id}`; }, }; const VueUtils = { getVue($el) { if ($el == null) { return; } return $el["__vue__"] || $el["__Ivue__"] || $el["__IVue__"]; }, getVue3($el) { if ($el == null) { return; } return $el["__vueParentComponent"]; }, waitVuePropToSet($el, checkOption) { if (!Array.isArray(checkOption)) { checkOption = [checkOption]; } function getTarget() { let __target__ = null; if (typeof $el === "string") { __target__ = domUtils.selector($el); } else if (typeof $el === "function") { __target__ = $el(); } else if ($el instanceof HTMLElement) { __target__ = $el; } return __target__; } checkOption.forEach((needSetOption) => { if (typeof needSetOption.msg === "string") { log.info(needSetOption.msg); } const checkTarget = function () { const $targetEl = getTarget(); if ($targetEl == null) { return { status: false, isTimeout: true, inst: null, $el: $targetEl, }; } const vueInst = VueUtils.getVue($targetEl); if (vueInst == null) { return { status: false, isTimeout: false, inst: null, $el: $targetEl, }; } const checkResult = Boolean(needSetOption.check(vueInst, $targetEl)); return { status: checkResult, isTimeout: false, inst: vueInst, $el: $targetEl, }; }; utils .waitVueByInterval( () => { return getTarget(); }, () => checkTarget().status, 250, 1e4 ) .then(() => { const checkTargetResult = checkTarget(); if (checkTargetResult.status) { const vueInst = checkTargetResult.inst; needSetOption.set(vueInst, checkTargetResult.$el); } else { if (typeof needSetOption.failWait === "function") { needSetOption.failWait(checkTargetResult.isTimeout); } } }); }); }, watchVuePropChange($el, key, callback, watchConfig, failWait) { let config = utils.assign( { immediate: true, deep: false, }, watchConfig || {} ); return new Promise((resolve) => { VueUtils.waitVuePropToSet($el, { check(vueInstance) { return typeof vueInstance?.$watch === "function"; }, set(vueInstance) { let removeWatch = null; if (typeof key === "function") { removeWatch = vueInstance.$watch( () => { return key(vueInstance); }, (newValue, oldValue) => { callback(vueInstance, newValue, oldValue); }, config ); } else { removeWatch = vueInstance.$watch( key, (newValue, oldValue) => { callback(vueInstance, newValue, oldValue); }, config ); } resolve(removeWatch); }, failWait, }); }); }, goToUrl($el, path, useRouter = false) { if ($el == null) { Qmsg.error("跳转Url: $vueNode为空"); log.error("跳转Url: $vueNode为空：" + path); return; } let vueInstance = VueUtils.getVue($el); if (vueInstance == null) { Qmsg.error("获取vue属性失败", { consoleLogContent: true }); return; } let $router = vueInstance.$router; let isBlank = true; log.info("即将跳转URL：" + path); if (useRouter) { isBlank = false; } if (isBlank) { window.open(path, "_blank"); } else { if (path.startsWith("http") || path.startsWith("//")) { if (path.startsWith("//")) { path = window.location.protocol + path; } let urlObj = new URL(path); if (urlObj.origin === window.location.origin) { path = urlObj.pathname + urlObj.search + urlObj.hash; } else { log.info("不同域名，直接本页打开，不用Router：" + path); window.location.href = path; return; } } log.info("$router push跳转Url：" + path); $router.push(path); } }, hookGestureReturnByVueRouter(option) { function popstateEvent() { log.success("触发popstate事件"); resumeBack(true); } function banBack() { log.success("监听地址改变"); option.vueInst.$router.history.push(option.hash); domUtils.on(_unsafeWindow, "popstate", popstateEvent); } async function resumeBack(isFromPopState = false) { domUtils.off(_unsafeWindow, "popstate", popstateEvent); let callbackResult = option.callback(isFromPopState); if (callbackResult) { return; } while (true) { if (option.vueInst.$router.history.current.hash === option.hash) { log.info("后退！"); option.vueInst.$router.back(); await utils.sleep(250); } else { return; } } } banBack(); return { resumeBack, }; }, }; const BilibiliUtils = { goToUrl(path, useRouter = false) { let isGoToUrlBlank = Panel.getValue("bili-go-to-url-blank"); log.info("即将跳转URL：" + path); if (useRouter) { isGoToUrlBlank = false; } if (isGoToUrlBlank) { window.open(path, "_blank"); } else { if (path.startsWith("http") || path.startsWith("//")) { if (path.startsWith("//")) { path = window.location.protocol + path; } let urlObj = new URL(path); if (urlObj.origin === window.location.origin) { path = urlObj.pathname + urlObj.search + urlObj.hash; } else { log.info("不同域名，直接本页打开，不用Router：" + path); window.location.href = path; return; } } log.info("$router push跳转Url：" + path); let $app = $("#app"); if ($app == null) { if (!useRouter) { window.location.href = path; return; } Qmsg.error("跳转Url: 获取根元素#app失败"); log.error("跳转Url: 获取根元素#app失败：" + path); return; } let vueInstance = VueUtils.getVue($app); if (vueInstance == null) { if (!useRouter) { window.location.href = path; return; } log.error("获取#app的vue属性失败"); Qmsg.error("获取#app的vue属性失败"); return; } let $router = vueInstance.$router; $router.push(path); } }, goToLogin(fromUrl = "") { window.open(`https://passport.bilibili.com/h5-app/passport/login?gourl=${encodeURIComponent(fromUrl)}`); }, parseDuration(duration) { if (typeof duration !== "number") { duration = parseInt(duration); } if (isNaN(duration)) { return duration.toString(); } function zeroPadding(num) { if (num < 10) { return `0${num}`; } else { return num; } } if (duration < 60) { return `0:${zeroPadding(duration)}`; } else if (duration >= 60 && duration < 3600) { return `${Math.floor(duration / 60)}:${zeroPadding(duration % 60)}`; } else { return `${Math.floor(duration / 3600)}:${zeroPadding( Math.floor(duration / 60) % 60 )}:${zeroPadding(duration % 60)}`; } }, parseCount(count) { let countText = count.toString(); if (count > 1e4) { let roundNum = (count / 1e4).toFixed(2).slice(0, -1); if (roundNum.endsWith(".0")) { roundNum = roundNum.slice(0, -2); } countText = `${roundNum}万`; } else if (count > 1e4 * 1e4) { let roundNum = (count / (1e4 * 1e4)).toFixed(2).slice(0, -1); if (roundNum.endsWith(".0")) { roundNum = roundNum.slice(0, -2); } countText = `${roundNum}亿`; } return countText; }, hookGestureReturnByVueRouter(option) { function popstateEvent() { log.success("触发popstate事件"); resumeBack(true); } function banBack() { log.success("监听地址改变"); option.vueInst.$router.history.push(option.hash); domUtils.on(window, "popstate", popstateEvent); } async function resumeBack(isFromPopState = false) { domUtils.off(window, "popstate", popstateEvent); let callbackResult = option.callback(isFromPopState); if (callbackResult) { return; } while (1) { if (option.vueInst.$router.history.current.hash === option.hash) { log.info("后退！"); option.vueInst.$router.back(); await utils.sleep(250); } else { return; } } } banBack(); return { resumeBack, }; }, initialScale() { log.info("设置的viewport固定缩放倍率为1并移除页面原有的"); domUtils.onReady(() => { let meta = domUtils.createElement( "meta", {}, { name: "viewport", content: "width=device-width,initial-scale=1,user-scalable=no,viewport-fit=cover", } ); domUtils.remove("meta[name='viewport']"); domUtils.waitNode("head").then(() => { document.head.appendChild(meta); }); }); }, }; class GestureBack { isBacking = false; config; constructor(config) { this.config = config; this.enterGestureBackMode = this.enterGestureBackMode.bind(this); this.quitGestureBackMode = this.quitGestureBackMode.bind(this); this.popStateEvent = this.popStateEvent.bind(this); if (typeof this.config.backDelayTime !== "number" || isNaN(this.config.backDelayTime)) { this.config.backDelayTime = 150; } if (this.config.win == null) { this.config.win = self; } } popStateEvent(event) { domUtils.preventEvent(event); if (this.isBacking) { return; } this.quitGestureBackMode(true); } enterGestureBackMode() { log.success("进入手势模式"); let pushUrl = this.config.hash; if (!pushUrl.startsWith("#")) { if (!pushUrl.startsWith("/")) { pushUrl = "/" + pushUrl; } pushUrl = "#" + pushUrl; } if (this.config.useUrl) { pushUrl = this.config.win.location.origin + this.config.win.location.pathname + this.config.win.location.search + pushUrl; } this.config.win.history.pushState({}, "", pushUrl); log.success("监听popstate事件"); domUtils.on(this.config.win, "popstate", this.popStateEvent, { capture: true, }); } async quitGestureBackMode(isUrlChange = false) { this.isBacking = true; log.success("退出手势模式"); if (typeof this.config.beforeHistoryBackCallBack === "function") { this.config.beforeHistoryBackCallBack(isUrlChange); } let maxDate = Date.now() + 1e3 * 5; while (true) { if (Date.now() > maxDate) { log.error("未知情况，history.back()失败，无法退出手势模式"); break; } if (this.config.win.location.hash.endsWith(this.config.hash)) { log.info("history.back()"); this.config.win.history.back(); await utils$1.sleep(this.config.backDelayTime || 150); } else { break; } } log.success("移除popstate事件"); domUtils.off(this.config.win, "popstate", this.popStateEvent, { capture: true, }); this.isBacking = false; if (typeof this.config.afterHistoryBackCallBack === "function") { this.config.afterHistoryBackCallBack(isUrlChange); } } } const BilibiliApiRequestCheck = { mergeAidOrBvidSearchParamsData(searchParamsData, config) { if ("aid" in config && config["aid"] != null) { Reflect.set(searchParamsData, "aid", config.aid); } else if ("bvid" in config && config["bvid"] != null) { Reflect.set(searchParamsData, "bvid", config.bvid); } else { throw new TypeError("avid or bvid must give one"); } }, }; const BilibiliVideoApi = { async playUrl(config, extraParams) { const searchParamsData = { cid: config.cid, qn: config.qn ?? VideoQualityNameMap["1080P60 高帧率"], high_quality: config.high_quality ?? 1, fnval: config.fnval ?? 1, fnver: config.fnver ?? 0, fourk: config.fourk ?? 1, try_look: (await BilibiliGlobalData.$data.isLogin) ? 0 : 1, platform: config.setPlatformHTML5 ? "html5" : "pc", }; BilibiliApiRequestCheck.mergeAidOrBvidSearchParamsData(searchParamsData, config); if (typeof extraParams === "object" && extraParams !== null) { Object.assign(searchParamsData, extraParams); } const response = await httpx.get( "https://api.bilibili.com/x/player/playurl?" + utils.toSearchParamsStr(searchParamsData), { responseType: "json", fetch: true, } ); if (!response.status) { return; } const data2 = utils.toJSON(response.data.responseText); if (data2["code"] !== 0) { return; } return data2["data"]; }, async onlineTotal(config) { const searchParamsData = { cid: config.cid, }; BilibiliApiRequestCheck.mergeAidOrBvidSearchParamsData(searchParamsData, config); const response = await httpx.get( `https://${BilibiliApiConfig.web_host}/x/player/online/total?${utils.toSearchParamsStr(searchParamsData)}`, { responseType: "json", fetch: true, } ); if (!response.status) { return; } const data2 = utils.toJSON(response.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) { log.error(`获取在线观看人数失败: `, data2); } return data2["data"]; }, async like(config) { const searchParamsData = { like: config.like, csrf: cookieManager.get("bili_jct")?.value || "", }; BilibiliApiRequestCheck.mergeAidOrBvidSearchParamsData(searchParamsData, config); const response = await httpx.get( "https://api.bilibili.com/x/web-interface/archive/like?" + utils.toSearchParamsStr(searchParamsData), { fetch: true, } ); if (!response.status) { return false; } const data2 = utils.toJSON(response.data.responseText); const code = data2["code"]; if (code === 0) { return true; } if (code === -101) { Qmsg.error("账号未登录"); } else if (code === -111) { Qmsg.error("csrf校验失败"); } else if (code === -400) { Qmsg.error("请求错误"); } else if (code === -403) { Qmsg.error("账号异常"); } else if (code === 10003) { Qmsg.error("不存在该稿件"); } else if (code === 65004) { Qmsg.error("取消点赞失败"); } else if (code === 65006) { Qmsg.warning("重复点赞"); } else { Qmsg.error("未知错误：" + data2["message"]); } return false; }, }; const artPlayerCommonCSS = "/* 设置播放器基础宽高 */\n#artplayer {\n width: 100%;\n height: 100%;\n}\n/* 通用隐藏class */\n.art-video-player .art-common-hide {\n display: none !important;\n}\n/* 设置播放器基础宽高 */\n.art-video-player {\n width: 100% !important;\n}\n/* 播放时隐藏进度条 */\n.art-hide-cursor .art-progress {\n display: none !important;\n}\n/* 不知道为什么背景模糊了 */\n.art-video-player.art-backdrop .art-settings {\n backdrop-filter: unset !important;\n}\n/* 底部的设置菜单当前选中的提示文字设置文字溢出省略号 */\n.art-settings .art-setting-item .art-setting-item-right-tooltip {\n max-width: 100px;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n/* 竖屏宽度小于400px */\n@media (orientation: portrait) and (max-width: 400px) {\n /* 修正小屏下宽度溢出 */\n .art-controls .art-control {\n max-width: 60px;\n white-space: pre-wrap;\n }\n}\n\n/* 竖屏宽度小于550px */\n@media (orientation: portrait) and (max-width: 550px) {\n /* 隐藏弹幕设置按钮 */\n .artplayer-plugin-danmuku .apd-config ,\n /* 隐藏弹幕输入框 */\n .artplayer-plugin-danmuku .apd-emitter {\n display: none !important;\n }\n /* 弹幕库靠右对齐 */\n .artplayer-plugin-danmuku {\n justify-content: right;\n }\n}\n/* 横屏 */\n@media (orientation: landscape) {\n /* 限制弹幕输入框的最大宽度 */\n .artplayer-plugin-danmuku .apd-emitter {\n max-width: 260px;\n }\n}\n\n/* 插件-在线观看人数 */\n.art-lock .art-layer-top-wrap {\n /* 启用了锁定功能，隐藏底部控制栏，所以这个也同步 */\n display: none !important;\n}\n.art-layer-top-wrap {\n --layer-top-wrap-follow-text-font-size: 0.8em;\n --layer-top-wrap-follow-icon-size: 1em;\n width: 100%;\n position: absolute;\n top: 0px;\n right: 0px;\n color: #fff;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n left: 0;\n -webkit-transition: all 0.2s ease-in-out;\n transition: all 0.2s ease-in-out;\n width: 100%;\n background: linear-gradient(to bottom, #000, transparent);\n padding: 10px calc(var(--art-padding));\n z-index: 60;\n}\n.art-player-top-wrap {\n width: 100%;\n}\n.art-player-top-wrap .art-player-top-title-text {\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 100%;\n}\n/* 面板隐藏时，顶部toolbar也隐藏 */\n.art-hide-cursor .art-layer-top-wrap {\n transform: translateY(-60px);\n}\n/*.art-layer-top-wrap .art-player-top-wrap {\n}\n.art-layer-top-wrap .art-player-top-title-text {\n}*/\n/* 下面的当前在线观看人数 */\n.art-layer-top-wrap .art-player-top-follow {\n margin-top: var(--art-padding);\n gap: var(--layer-top-wrap-follow-text-font-size);\n font-size: var(--layer-top-wrap-follow-text-font-size);\n display: flex;\n align-items: center;\n position: absolute;\n}\n.art-layer-top-wrap .art-player-top-follow .art-player-top-follow-icon {\n width: var(--layer-top-wrap-follow-icon-size);\n height: var(--layer-top-wrap-follow-icon-size);\n}\n.art-layer-top-wrap .art-player-top-follow-text {\n text-wrap: nowrap;\n}\n/* 插件-在线观看人数 */\n\n/* 插件-锁定 */\n.art-video-player .art-layers .art-layer.art-layer-lock {\n /* 放在右边 */\n right: 0;\n left: calc(100% - 20px - var(--art-lock-size) - var(--art-lock-left-size));\n}\n/* 插件-锁定 */\n"; const VideoSoundQualityCode = { 30216: "64K", 30232: "132K", 30280: "192K", 30250: "杜比全景声", 30251: "Hi-Res无损", }; class ArtPlayerDanmakuOptionHelper { $data = { KEY: "art-player-danmaku-option", localArtDanmakuOption: {}, }; constructor(localDataKey) { this.$data.KEY = localDataKey; const defaultDanmakuOption = this.getDefaultDanmakuOption(); this.$data.localArtDanmakuOption = utils.assign(defaultDanmakuOption, _GM_getValue(this.$data.KEY, {})); } getDefaultDanmakuOption() { return { speed: 5, margin: [10, "75%"], opacity: 1, modes: [0, 1, 2], fontSize: 18, antiOverlap: false, synchronousPlayback: true, visible: true, }; } getLocalArtDanmakuOption() { return this.$data.localArtDanmakuOption; } onConfigChange(art) { art.on("artplayerPluginDanmuku:config", (option) => { Object.keys(this.$data.localArtDanmakuOption).forEach((key) => { if (Reflect.has(option, key)) { let value = Reflect.get(option, key); Reflect.set(this.$data.localArtDanmakuOption, key, value); } }); _GM_setValue(this.$data.KEY, this.$data.localArtDanmakuOption); }); } } const TAG$4 = "[artplayer-plugin-m4sAudioSupport]："; const ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY = "setting-bilibili-m4sAudio"; const M4SAudioUtils = { $flag: { isIntervaling: false, }, intervalHandler(fn, count = 2, delayTime = 900) { if (M4SAudioUtils.$flag.isIntervaling) { return; } M4SAudioUtils.$flag.isIntervaling = true; let intervalCount = 0; let intervalId = void 0; let callback = () => { if (intervalCount > count) { M4SAudioUtils.$flag.isIntervaling = false; clearInterval(intervalId); return; } if (typeof fn === "function") { try { fn(); } catch (error) { console.error(TAG$4, error); } } intervalCount++; }; callback(); if (count > 1) { intervalId = setInterval(callback, delayTime); } else { M4SAudioUtils.$flag.isIntervaling = false; } }, }; const M4SAudio = { $key: { plugin_KEY: "plugin-bilibili-m4sAudio", }, $data: { art: null, audio: new Audio(), latestSyncTime: 0, reconnectConfig: { maxCount: 5, delayTime: 1e3, }, reconnectInfo: { url: "", count: 0, }, option: null, }, userEvent: { onRestart: void 0, }, events: { play: () => { M4SAudio.handler.play(); M4SAudio.handler.syncVolume(); M4SAudio.handler.syncMuted(); M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }, 1); }, seek: (currentTime) => { M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); M4SAudio.handler.syncPlayState(); }); }, pause: () => { M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }, 1); M4SAudio.handler.pause(); }, restart: (url) => { if (typeof M4SAudio.userEvent.onRestart === "function") { let newAudioUrl = M4SAudio.userEvent.onRestart(url); M4SAudio.handler.playUrl(newAudioUrl); } M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }, 1); M4SAudio.handler.syncPlayState(); }, muted: (state) => { M4SAudio.handler.syncVolume(); M4SAudio.handler.syncMuted(); }, destroy: () => { M4SAudio.handler.pause(); }, error: (error, reconnectTime) => { M4SAudio.handler.pause(); }, resize: () => { M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }); }, fullscreen: () => { M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }); }, "video:ended": () => { M4SAudio.handler.pause(); }, "video:ratechange": () => { M4SAudio.handler.syncPlayBackRate(); }, "video:waiting": () => { M4SAudio.handler.pause(); }, "video:playing": () => { M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }, 1); M4SAudio.handler.play(); }, "video:pause": () => { M4SAudio.handler.pause(); M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }, 1); }, "video:volumechange": () => { M4SAudio.handler.syncVolume(); M4SAudio.handler.syncMuted(); M4SAudio.handler.syncPlayState(); }, "video:timeupdate": () => { let videoTime = M4SAudio.$data.art.currentTime; if (Math.abs(videoTime - M4SAudio.$data.latestSyncTime) >= 3) { M4SAudio.$data.latestSyncTime = videoTime; M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(0.777); }, 1); } }, }, audioEvents: { loadedmetadata: (event) => { M4SAudio.$data.art.emit("m4sAudio:loadedmetadata", event); console.log(TAG$4 + "Audio预加载完成"); M4SAudio.$data.reconnectInfo.count = 0; M4SAudio.$data.reconnectInfo.url = ""; M4SAudio.$data.latestSyncTime = 0; M4SAudio.handler.syncPlayState(); M4SAudio.handler.syncPlayBackRate(); M4SAudio.handler.syncVolume(); M4SAudio.handler.syncMuted(); M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }); }, canplaythrough: (event) => { M4SAudio.$data.art.emit("m4sAudio:canplaythrough", event); console.log(TAG$4 + "浏览器估计该音频可以在不停止内容缓冲的情况下播放媒体直到结束"); M4SAudioUtils.intervalHandler(() => { M4SAudio.handler.syncTime(); }); }, error: (event) => { M4SAudio.$data.art.emit("m4sAudio:error", event); console.error(TAG$4 + `Audio加载失败`, event); if (utils.isNull(M4SAudio.$data.reconnectInfo.url)) { M4SAudio.$data.reconnectInfo.url = M4SAudio.$data.audio.src; } if (M4SAudio.$data.reconnectInfo.count < M4SAudio.$data.reconnectConfig.maxCount) { console.log(TAG$4 + `Audio第${M4SAudio.$data.reconnectInfo.count + 1}次尝试重新连接`); M4SAudio.$data.art.notice.show = `Audio第${M4SAudio.$data.reconnectInfo.count + 1}次尝试重新连接`; M4SAudio.$data.reconnectInfo.count++; setTimeout(() => { M4SAudio.handler.playUrl(""); M4SAudio.handler.playUrl(M4SAudio.$data.reconnectInfo.url); M4SAudio.$data.audio.load(); }, M4SAudio.$data.reconnectConfig.delayTime); } else { console.error(TAG$4 + `Audio已超出重连次数`); M4SAudio.$data.art.notice.show = `Audio已超出重连次数，请尝试切换源`; } }, }, handler: { playUrl(url) { if (typeof url !== "string") { return; } M4SAudio.$data.audio.src = url; M4SAudio.unbindAudio(); if (utils.isNotNull(url)) { M4SAudio.bindAudio(); } M4SAudio.$data.art.emit("m4sAudio:restart", url); M4SAudio.handler.syncTime(); M4SAudio.handler.syncPlayState(); }, play() { if (M4SAudio.$data.audio.paused) { M4SAudio.$data.audio.play(); M4SAudio.$data.art.emit("m4sAudio:play"); } }, pause() { if (!M4SAudio.$data.audio.paused) { M4SAudio.$data.audio.pause(); M4SAudio.$data.art.emit("m4sAudio:pause"); } }, syncPlayState() { if (M4SAudio.$data.art.playing) { this.play(); } else { this.pause(); } M4SAudio.$data.art.emit("m4sAudio:syncPlayState"); }, syncTime(offset = 0.1) { let videoTime = M4SAudio.$data.art.currentTime; let audioTime = M4SAudio.$data.audio.currentTime; if (Math.abs(videoTime - audioTime) >= Math.abs(offset)) { M4SAudio.$data.audio.currentTime = videoTime; this.syncVolume(); this.syncMuted(); M4SAudio.$data.art.emit("m4sAudio:syncTime"); } }, syncVolume() { M4SAudio.$data.audio.volume = M4SAudio.$data.art.volume; M4SAudio.$data.art.emit("m4sAudio:syncVolume"); }, syncMuted() { let artMuted = M4SAudio.$data.art.muted; M4SAudio.$data.audio.muted = artMuted; M4SAudio.$data.art.emit("m4sAudio:syncMuted"); }, syncPlayBackRate() { let artPlayBackRate = M4SAudio.$data.art.playbackRate; let audioPlayBackRate = M4SAudio.$data.audio.playbackRate; if (artPlayBackRate !== audioPlayBackRate) { M4SAudio.$data.audio.playbackRate = artPlayBackRate; M4SAudio.$data.art.emit("m4sAudio:syncPlayBackRate"); } }, }, update(option) { this.unbind(); this.unbindAudio(); this.$data.option = null; this.$data.option = option.audioList; this.$data.latestSyncTime = 0; const that = this; if (option.audioList?.length) { option.audioList.sort((leftItem, rightItem) => { return rightItem.bandwidth - leftItem.bandwidth; }); let firstAudioInfo = option.audioList[0]; const storageKey = `artplayer-m4s-audio-${option.from}`; const storageAudioInfo = this.$data.art.storage.get(storageKey); let currentSelectAudioInfo = { index: 0, html: firstAudioInfo.soundQualityCodeText, url: firstAudioInfo.url, }; if (storageAudioInfo) { const findAudioIndex = option.audioList.findIndex( (item) => item.soundQualityCode === storageAudioInfo.soundQualityCode ); if (findAudioIndex !== -1) { const findAudio = option.audioList[findAudioIndex]; currentSelectAudioInfo.index = findAudioIndex; currentSelectAudioInfo.url = findAudio.url; currentSelectAudioInfo.html = findAudio.soundQualityCodeText; } else { console.warn(TAG$4 + "没有找到上次选的音频代码，使用当前默认第一个音频"); } } let selectorList = option.audioList.map((item, index) => { return { default: index === currentSelectAudioInfo.index, html: item.soundQualityCodeText, url: item.url, soundQualityCode: item.soundQualityCode, soundQualityCodeText: item.soundQualityCodeText, codecs: item.codecs, mimeType: item.mimeType, bandwidth: item.bandwidth, size: item.size, }; }); const settingOption = { name: ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY, width: 200, html: "音频", tooltip: currentSelectAudioInfo.html, icon: ` `, selector: selectorList, onSelect: function (selector) { let itemInfo = selector; console.log(TAG$4 + "切换音频", itemInfo); that.handler.playUrl(itemInfo.url); that.$data.art.storage.set(storageKey, { soundQualityCode: itemInfo.soundQualityCode, }); return selector.html; }, }; let findSettingValue = M4SAudio.$data.art.setting.find(ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY); if (findSettingValue) { M4SAudio.$data.art.setting.update(settingOption); } else { M4SAudio.$data.art.setting.add(settingOption); } log.info("加载m4s的音频：", currentSelectAudioInfo); M4SAudio.handler.playUrl(currentSelectAudioInfo.url); this.bind(); this.bindAudio(); } else { M4SAudio.handler.playUrl(""); let oldSetting = M4SAudio.$data.art.setting.option.find( (item) => item.name === ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY ); if (oldSetting) { M4SAudio.$data.art.setting.remove(ArtPlayer_PLUGIN_M4S_SUPPORT_SETTING_KEY); } } }, bind() { Object.keys(this.events).forEach((eventName) => { this.$data.art.on(eventName, this.events[eventName]); }); }, bindAudio() { Object.keys(this.audioEvents).forEach((eventName) => { this.$data.audio.addEventListener(eventName, this.audioEvents[eventName], { once: true, }); }); }, unbind() { Object.keys(this.events).forEach((eventName) => { this.$data.art.off(eventName, this.events[eventName]); }); }, unbindAudio() { Object.keys(this.audioEvents).forEach((eventName) => { this.$data.audio.removeEventListener(eventName, this.audioEvents[eventName]); }); }, }; const artplayerPluginM4SAudioSupport = (option) => { return (art) => { M4SAudio.$data.art = art; if (typeof option.onRestart === "function") { M4SAudio.userEvent.onRestart = option.onRestart; } M4SAudio.update({ from: option.from, audioList: option.audioList, }); return { name: M4SAudio.$key.plugin_KEY, update(...args) { M4SAudio.update(...args); M4SAudio.handler.syncVolume(); M4SAudio.handler.syncMuted(); M4SAudio.handler.syncTime(); }, getAudio() { return M4SAudio.$data.audio; }, getCurrentPlayConfig() { return M4SAudio.$data.option.find((it) => it.url === M4SAudio.$data.audio.src); }, }; }; }; const ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY = M4SAudio.$key.plugin_KEY; const TopToolBarEvent = { events: { control: (state) => { if (!state) { return; } TopToolBar.updateOnlineTotal({ showOnlineTotal: TopToolBar.$data.option.showOnlineTotal, onlineInfoParams: TopToolBar.$data.option.onlineInfoParams, }); }, }, bind() { Object.keys(this.events).forEach((eventName) => { TopToolBar.art.on(eventName, this.events[eventName]); }); }, unbind() { Object.keys(this.events).forEach((eventName) => { TopToolBar.art.off(eventName, this.events[eventName]); }); }, }; const TopToolBar = { art: null, $el: { $topWrap: null, $topTitle: null, $topTitleText: null, $topTitleFollow: null, $topTitleFollowText: null, $topRight: null, $topRightFollow: null, }, $data: { isInit: false, __option: {}, option: {}, }, $key: { plugin_KEY: "plugin-bilibili-topToolBar", }, init(option) { this.art.layers.add({ name: "top-wrap", html: `

`, mounted: async function ($topWrap) { TopToolBar.$el.$topWrap = $topWrap; TopToolBar.$el.$topTitle = $topWrap.querySelector(".art-player-top-title"); TopToolBar.$el.$topTitleText = $topWrap.querySelector(".art-player-top-title-text"); TopToolBar.$el.$topTitleFollow = $topWrap.querySelector(".art-player-top-follow"); TopToolBar.$el.$topTitleFollowText = $topWrap.querySelector(".art-player-top-follow-text"); TopToolBar.$el.$topRight = $topWrap.querySelector(".art-player-top-right"); TopToolBar.$el.$topRightFollow = $topWrap.querySelector(".art-player-top-right-follow"); TopToolBar.update(option); TopToolBarEvent.bind(); }, }); }, update(option) { if (!this.$data.isInit) { this.$data.isInit = true; Object.defineProperties(this.$data.option, { showWrap: { set(value) { TopToolBar.$data.__option.showWrap = value; }, get() { return TopToolBar.$data.__option.showWrap; }, }, showTitle: { set(value) { TopToolBar.$data.__option.showTitle = value; }, get() { return TopToolBar.$data.__option.showTitle; }, }, title: { set(value) { TopToolBar.$data.__option.title = value; if (typeof value === "string") { TopToolBar.$el.$topTitleText.innerText = value; } }, get() { return TopToolBar.$data.__option.title; }, }, showOnlineTotal: { set(value) { TopToolBar.$data.__option.showOnlineTotal = value; }, get() { return TopToolBar.$data.__option.showOnlineTotal; }, }, onlineInfoParams: { set(value) { TopToolBar.$data.__option.onlineInfoParams = value; TopToolBar.updateOnlineTotal({ showOnlineTotal: this.showOnlineTotal, onlineInfoParams: value, }); }, get() { return TopToolBar.$data.__option.onlineInfoParams; }, }, showRight: { set(value) { TopToolBar.$data.__option.showRight = value; }, get() { return TopToolBar.$data.__option.showRight; }, }, showRightFollow: { set(value) { TopToolBar.$data.__option.showRightFollow = value; }, get() { return TopToolBar.$data.__option.showRightFollow; }, }, }); } Object.assign(this.$data.option, option); }, async updateOnlineTotal(option) { if (!option.showOnlineTotal) { return; } let onlineTotalInfo = await BilibiliVideoApi.onlineTotal({ aid: option.onlineInfoParams.aid, bvid: option.onlineInfoParams.bvid, cid: option.onlineInfoParams.cid, }); if (!onlineTotalInfo) { return; } TopToolBar.$el.$topTitleFollowText.innerText = `${onlineTotalInfo["total"] || onlineTotalInfo["count"] || 0}人正在看`; }, }; const artplayerPluginTopToolBar = (option) => { return (art) => { TopToolBar.art = art; TopToolBar.init(option); return { name: TopToolBar.$key.plugin_KEY, update(option2) { TopToolBar.update(option2); }, }; }; }; const ArtPlayer_PLUGIN_TOP_TOOLBAR_KEY = TopToolBar.$key.plugin_KEY; const chinese = { S: "万与丑专业丛东丝丢两严丧个丬丰临为丽举么义乌乐乔习乡书买乱争于亏云亘亚产亩亲亵亸亿仅从仑仓仪们价众优伙会伛伞伟传伤伥伦伧伪伫体余佣佥侠侣侥侦侧侨侩侪侬俣俦俨俩俪俭债倾偬偻偾偿傥傧储傩儿兑兖党兰关兴兹养兽冁内冈册写军农冢冯冲决况冻净凄凉凌减凑凛几凤凫凭凯击凼凿刍划刘则刚创删别刬刭刽刿剀剂剐剑剥剧劝办务劢动励劲劳势勋勐勚匀匦匮区医华协单卖卢卤卧卫却卺厂厅历厉压厌厍厕厢厣厦厨厩厮县参叆叇双发变叙叠叶号叹叽吁后吓吕吗吣吨听启吴呒呓呕呖呗员呙呛呜咏咔咙咛咝咤咴咸哌响哑哒哓哔哕哗哙哜哝哟唛唝唠唡唢唣唤唿啧啬啭啮啰啴啸喷喽喾嗫呵嗳嘘嘤嘱噜噼嚣嚯团园囱围囵国图圆圣圹场坂坏块坚坛坜坝坞坟坠垄垅垆垒垦垧垩垫垭垯垱垲垴埘埙埚埝埯堑堕塆墙壮声壳壶壸处备复够头夸夹夺奁奂奋奖奥妆妇妈妩妪妫姗姜娄娅娆娇娈娱娲娴婳婴婵婶媪嫒嫔嫱嬷孙学孪宁宝实宠审宪宫宽宾寝对寻导寿将尔尘尧尴尸尽层屃屉届属屡屦屿岁岂岖岗岘岙岚岛岭岳岽岿峃峄峡峣峤峥峦崂崃崄崭嵘嵚嵛嵝嵴巅巩巯币帅师帏帐帘帜带帧帮帱帻帼幂幞干并广庄庆庐庑库应庙庞废庼廪开异弃张弥弪弯弹强归当录彟彦彻径徕御忆忏忧忾怀态怂怃怄怅怆怜总怼怿恋恳恶恸恹恺恻恼恽悦悫悬悭悯惊惧惨惩惫惬惭惮惯愍愠愤愦愿慑慭憷懑懒懔戆戋戏戗战戬户扎扑扦执扩扪扫扬扰抚抛抟抠抡抢护报担拟拢拣拥拦拧拨择挂挚挛挜挝挞挟挠挡挢挣挤挥挦捞损捡换捣据捻掳掴掷掸掺掼揸揽揿搀搁搂搅携摄摅摆摇摈摊撄撑撵撷撸撺擞攒敌敛数斋斓斗斩断无旧时旷旸昙昼昽显晋晒晓晔晕晖暂暧札术朴机杀杂权条来杨杩杰极构枞枢枣枥枧枨枪枫枭柜柠柽栀栅标栈栉栊栋栌栎栏树栖样栾桊桠桡桢档桤桥桦桧桨桩梦梼梾检棂椁椟椠椤椭楼榄榇榈榉槚槛槟槠横樯樱橥橱橹橼檐檩欢欤欧歼殁殇残殒殓殚殡殴毁毂毕毙毡毵氇气氢氩氲汇汉污汤汹沓沟没沣沤沥沦沧沨沩沪沵泞泪泶泷泸泺泻泼泽泾洁洒洼浃浅浆浇浈浉浊测浍济浏浐浑浒浓浔浕涂涌涛涝涞涟涠涡涢涣涤润涧涨涩淀渊渌渍渎渐渑渔渖渗温游湾湿溃溅溆溇滗滚滞滟滠满滢滤滥滦滨滩滪漤潆潇潋潍潜潴澜濑濒灏灭灯灵灾灿炀炉炖炜炝点炼炽烁烂烃烛烟烦烧烨烩烫烬热焕焖焘煅煳熘爱爷牍牦牵牺犊犟状犷犸犹狈狍狝狞独狭狮狯狰狱狲猃猎猕猡猪猫猬献獭玑玙玚玛玮环现玱玺珉珏珐珑珰珲琎琏琐琼瑶瑷璇璎瓒瓮瓯电画畅畲畴疖疗疟疠疡疬疮疯疱疴痈痉痒痖痨痪痫痴瘅瘆瘗瘘瘪瘫瘾瘿癞癣癫癯皑皱皲盏盐监盖盗盘眍眦眬着睁睐睑瞒瞩矫矶矾矿砀码砖砗砚砜砺砻砾础硁硅硕硖硗硙硚确硷碍碛碜碱碹磙礼祎祢祯祷祸禀禄禅离秃秆种积称秽秾稆税稣稳穑穷窃窍窑窜窝窥窦窭竖竞笃笋笔笕笺笼笾筑筚筛筜筝筹签简箓箦箧箨箩箪箫篑篓篮篱簖籁籴类籼粜粝粤粪粮糁糇紧絷纟纠纡红纣纤纥约级纨纩纪纫纬纭纮纯纰纱纲纳纴纵纶纷纸纹纺纻纼纽纾线绀绁绂练组绅细织终绉绊绋绌绍绎经绐绑绒结绔绕绖绗绘给绚绛络绝绞统绠绡绢绣绤绥绦继绨绩绪绫绬续绮绯绰绱绲绳维绵绶绷绸绹绺绻综绽绾绿缀缁缂缃缄缅缆缇缈缉缊缋缌缍缎缏缐缑缒缓缔缕编缗缘缙缚缛缜缝缞缟缠缡缢缣缤缥缦缧缨缩缪缫缬缭缮缯缰缱缲缳缴缵罂网罗罚罢罴羁羟羡翘翙翚耢耧耸耻聂聋职聍联聩聪肃肠肤肷肾肿胀胁胆胜胧胨胪胫胶脉脍脏脐脑脓脔脚脱脶脸腊腌腘腭腻腼腽腾膑臜舆舣舰舱舻艰艳艹艺节芈芗芜芦苁苇苈苋苌苍苎苏苘苹茎茏茑茔茕茧荆荐荙荚荛荜荞荟荠荡荣荤荥荦荧荨荩荪荫荬荭荮药莅莜莱莲莳莴莶获莸莹莺莼萚萝萤营萦萧萨葱蒇蒉蒋蒌蓝蓟蓠蓣蓥蓦蔷蔹蔺蔼蕲蕴薮藁藓虏虑虚虫虬虮虽虾虿蚀蚁蚂蚕蚝蚬蛊蛎蛏蛮蛰蛱蛲蛳蛴蜕蜗蜡蝇蝈蝉蝎蝼蝾螀螨蟏衅衔补衬衮袄袅袆袜袭袯装裆裈裢裣裤裥褛褴襁襕见观觃规觅视觇览觉觊觋觌觍觎觏觐觑觞触觯詟誉誊讠计订讣认讥讦讧讨让讪讫训议讯记讱讲讳讴讵讶讷许讹论讻讼讽设访诀证诂诃评诅识诇诈诉诊诋诌词诎诏诐译诒诓诔试诖诗诘诙诚诛诜话诞诟诠诡询诣诤该详诧诨诩诪诫诬语诮误诰诱诲诳说诵诶请诸诹诺读诼诽课诿谀谁谂调谄谅谆谇谈谊谋谌谍谎谏谐谑谒谓谔谕谖谗谘谙谚谛谜谝谞谟谠谡谢谣谤谥谦谧谨谩谪谫谬谭谮谯谰谱谲谳谴谵谶谷豮贝贞负贠贡财责贤败账货质贩贪贫贬购贮贯贰贱贲贳贴贵贶贷贸费贺贻贼贽贾贿赀赁赂赃资赅赆赇赈赉赊赋赌赍赎赏赐赑赒赓赔赕赖赗赘赙赚赛赜赝赞赟赠赡赢赣赪赵赶趋趱趸跃跄跖跞践跶跷跸跹跻踊踌踪踬踯蹑蹒蹰蹿躏躜躯车轧轨轩轪轫转轭轮软轰轱轲轳轴轵轶轷轸轹轺轻轼载轾轿辀辁辂较辄辅辆辇辈辉辊辋辌辍辎辏辐辑辒输辔辕辖辗辘辙辚辞辩辫边辽达迁过迈运还这进远违连迟迩迳迹适选逊递逦逻遗遥邓邝邬邮邹邺邻郁郄郏郐郑郓郦郧郸酝酦酱酽酾酿释里鉅鉴銮錾钆钇针钉钊钋钌钍钎钏钐钑钒钓钔钕钖钗钘钙钚钛钝钞钟钠钡钢钣钤钥钦钧钨钩钪钫钬钭钮钯钰钱钲钳钴钵钶钷钸钹钺钻钼钽钾钿铀铁铂铃铄铅铆铈铉铊铋铍铎铏铐铑铒铕铗铘铙铚铛铜铝铞铟铠铡铢铣铤铥铦铧铨铪铫铬铭铮铯铰铱铲铳铴铵银铷铸铹铺铻铼铽链铿销锁锂锃锄锅锆锇锈锉锊锋锌锍锎锏锐锑锒锓锔锕锖锗错锚锜锞锟锠锡锢锣锤锥锦锨锩锫锬锭键锯锰锱锲锳锴锵锶锷锸锹锺锻锼锽锾锿镀镁镂镃镆镇镈镉镊镌镍镎镏镐镑镒镕镖镗镙镚镛镜镝镞镟镠镡镢镣镤镥镦镧镨镩镪镫镬镭镮镯镰镱镲镳镴镶长门闩闪闫闬闭问闯闰闱闲闳间闵闶闷闸闹闺闻闼闽闾闿阀阁阂阃阄阅阆阇阈阉阊阋阌阍阎阏阐阑阒阓阔阕阖阗阘阙阚阛队阳阴阵阶际陆陇陈陉陕陧陨险随隐隶隽难雏雠雳雾霁霉霭靓静靥鞑鞒鞯鞴韦韧韨韩韪韫韬韵页顶顷顸项顺须顼顽顾顿颀颁颂颃预颅领颇颈颉颊颋颌颍颎颏颐频颒颓颔颕颖颗题颙颚颛颜额颞颟颠颡颢颣颤颥颦颧风飏飐飑飒飓飔飕飖飗飘飙飚飞飨餍饤饥饦饧饨饩饪饫饬饭饮饯饰饱饲饳饴饵饶饷饸饹饺饻饼饽饾饿馀馁馂馃馄馅馆馇馈馉馊馋馌馍馎馏馐馑馒馓馔馕马驭驮驯驰驱驲驳驴驵驶驷驸驹驺驻驼驽驾驿骀骁骂骃骄骅骆骇骈骉骊骋验骍骎骏骐骑骒骓骔骕骖骗骘骙骚骛骜骝骞骟骠骡骢骣骤骥骦骧髅髋髌鬓魇魉鱼鱽鱾鱿鲀鲁鲂鲄鲅鲆鲇鲈鲉鲊鲋鲌鲍鲎鲏鲐鲑鲒鲓鲔鲕鲖鲗鲘鲙鲚鲛鲜鲝鲞鲟鲠鲡鲢鲣鲤鲥鲦鲧鲨鲩鲪鲫鲬鲭鲮鲯鲰鲱鲲鲳鲴鲵鲶鲷鲸鲹鲺鲻鲼鲽鲾鲿鳀鳁鳂鳃鳄鳅鳆鳇鳈鳉鳊鳋鳌鳍鳎鳏鳐鳑鳒鳓鳔鳕鳖鳗鳘鳙鳛鳜鳝鳞鳟鳠鳡鳢鳣鸟鸠鸡鸢鸣鸤鸥鸦鸧鸨鸩鸪鸫鸬鸭鸮鸯鸰鸱鸲鸳鸴鸵鸶鸷鸸鸹鸺鸻鸼鸽鸾鸿鹀鹁鹂鹃鹄鹅鹆鹇鹈鹉鹊鹋鹌鹍鹎鹏鹐鹑鹒鹓鹔鹕鹖鹗鹘鹚鹛鹜鹝鹞鹟鹠鹡鹢鹣鹤鹥鹦鹧鹨鹩鹪鹫鹬鹭鹯鹰鹱鹲鹳鹴鹾麦麸黄黉黡黩黪黾鼋鼌鼍鼗鼹齄齐齑齿龀龁龂龃龄龅龆龇龈龉龊龋龌龙龚龛龟志制咨只里系范松没尝尝闹面准钟别闲乾尽脏拼冲里", T: "萬與醜專業叢東絲丟兩嚴喪個丬豐臨爲麗舉麼義烏樂喬習鄉書買亂爭於虧雲亙亞產畝親褻嚲億僅從侖倉儀們價衆優夥會傴傘偉傳傷倀倫傖僞佇體餘傭僉俠侶僥偵側僑儈儕儂俁儔儼倆儷儉債傾傯僂僨償儻儐儲儺兒兌兗黨蘭關興茲養獸囅內岡冊寫軍農冢馮沖決況凍淨淒涼凌減湊凜幾鳳鳧憑凱擊凼鑿芻劃劉則剛創刪別剗剄劊劌剴劑剮劍剝劇勸辦務勱動勵勁勞勢勳勐勩勻匭匱區醫華協單賣盧滷臥衛卻巹廠廳歷厲壓厭厙廁廂厴廈廚廄廝縣參靉靆雙發變敘疊葉號嘆嘰籲後嚇呂嗎唚噸聽啓吳嘸囈嘔嚦唄員咼嗆嗚詠咔嚨嚀噝吒咴鹹哌響啞噠嘵嗶噦譁噲嚌噥喲嘜嗊嘮啢嗩唣喚唿嘖嗇囀齧囉嘽嘯噴嘍嚳囁呵噯噓嚶囑嚕噼囂嚯團園囪圍圇國圖圓聖壙場阪壞塊堅壇壢壩塢墳墜壟壠壚壘墾垧堊墊埡墶壋塏堖塒壎堝埝垵塹墮壪牆壯聲殼壺壼處備復夠頭誇夾奪奩奐奮獎奧妝婦媽嫵嫗嬀姍姜婁婭嬈嬌孌娛媧嫺嫿嬰嬋嬸媼嬡嬪嬙嬤孫學孿寧寶實寵審憲宮寬賓寢對尋導壽將爾塵堯尷屍盡層屓屜屆屬屢屨嶼歲豈嶇崗峴嶴嵐島嶺嶽崬巋嶨嶧峽嶢嶠崢巒嶗崍嶮嶄嶸嶔嵛嶁嵴巔鞏巰幣帥師幃帳簾幟帶幀幫幬幘幗冪襆幹並廣莊慶廬廡庫應廟龐廢廎廩開異棄張彌弳彎彈強歸當錄彠彥徹徑徠御憶懺憂愾懷態慫憮慪悵愴憐總懟懌戀懇惡慟懨愷惻惱惲悅愨懸慳憫驚懼慘懲憊愜慚憚慣愍慍憤憒願懾憖憷懣懶懍戇戔戲戧戰戩戶扎撲扦執擴捫掃揚擾撫拋摶摳掄搶護報擔擬攏揀擁攔擰撥擇掛摯攣掗撾撻挾撓擋撟掙擠揮撏撈損撿換搗據捻擄摑擲撣摻摜揸攬撳攙擱摟攪攜攝攄擺搖擯攤攖撐攆擷擼攛擻攢敵斂數齋斕鬥斬斷無舊時曠暘曇晝曨顯晉曬曉曄暈暉暫曖札術樸機殺雜權條來楊榪傑極構樅樞棗櫪梘棖槍楓梟櫃檸檉梔柵標棧櫛櫳棟櫨櫟欄樹棲樣欒桊椏橈楨檔榿橋樺檜槳樁夢檮棶檢櫺槨櫝槧欏橢樓欖櫬櫚櫸檟檻檳櫧橫檣櫻櫫櫥櫓櫞檐檁歡歟歐殲歿殤殘殞殮殫殯毆毀轂畢斃氈毿氌氣氫氬氳匯漢污湯洶沓溝沒灃漚瀝淪滄渢潙滬沵濘淚澩瀧瀘濼瀉潑澤涇潔灑窪浹淺漿澆湞溮濁測澮濟瀏滻渾滸濃潯濜塗涌濤澇淶漣潿渦溳渙滌潤澗漲澀澱淵淥漬瀆漸澠漁瀋滲溫遊灣溼潰濺漵漊潷滾滯灩灄滿瀅濾濫灤濱灘澦漤瀠瀟瀲濰潛瀦瀾瀨瀕灝滅燈靈災燦煬爐燉煒熗點煉熾爍爛烴燭煙煩燒燁燴燙燼熱煥燜燾煅煳熘愛爺牘犛牽犧犢犟狀獷獁猶狽狍獮獰獨狹獅獪猙獄猻獫獵獼玀豬貓蝟獻獺璣璵瑒瑪瑋環現瑲璽珉珏琺瓏璫琿璡璉瑣瓊瑤璦璇瓔瓚甕甌電畫暢畲疇癤療瘧癘瘍癧瘡瘋皰痾癰痙癢瘂癆瘓癇癡癉瘮瘞瘻癟癱癮癭癩癬癲癯皚皺皸盞鹽監蓋盜盤瞘眥矓着睜睞瞼瞞矚矯磯礬礦碭碼磚硨硯碸礪礱礫礎硜硅碩硤磽磑礄確礆礙磧磣鹼碹磙禮禕禰禎禱禍稟祿禪離禿稈種積稱穢穠穭稅穌穩穡窮竊竅窯竄窩窺竇窶豎競篤筍筆筧箋籠籩築篳篩簹箏籌籤簡籙簀篋籜籮簞簫簣簍籃籬籪籟糴類秈糶糲粵糞糧糝餱緊縶糹糾紆紅紂纖紇約級紈纊紀紉緯紜紘純紕紗綱納紝縱綸紛紙紋紡紵紖紐紓線紺紲紱練組紳細織終縐絆紼絀紹繹經紿綁絨結絝繞絰絎繪給絢絳絡絕絞統綆綃絹繡綌綏絛繼綈績緒綾緓續綺緋綽鞝緄繩維綿綬繃綢綯綹綣綜綻綰綠綴緇緙緗緘緬纜緹緲緝縕繢緦綞緞緶線緱縋緩締縷編緡緣縉縛縟縝縫縗縞纏縭縊縑繽縹縵縲纓縮繆繅纈繚繕繒繮繾繰繯繳纘罌網羅罰罷羆羈羥羨翹翽翬耮耬聳恥聶聾職聹聯聵聰肅腸膚肷腎腫脹脅膽勝朧腖臚脛膠脈膾髒臍腦膿臠腳脫腡臉臘醃膕齶膩靦膃騰臏臢輿艤艦艙艫艱豔艹藝節羋薌蕪蘆蓯葦藶莧萇蒼苧蘇檾蘋莖蘢蔦塋煢繭荊薦薘莢蕘蓽蕎薈薺蕩榮葷滎犖熒蕁藎蓀蔭蕒葒葤藥蒞莜萊蓮蒔萵薟獲蕕瑩鶯蓴蘀蘿螢營縈蕭薩蔥蕆蕢蔣蔞藍薊蘺蕷鎣驀薔蘞藺藹蘄蘊藪藁蘚虜慮虛蟲虯蟣雖蝦蠆蝕蟻螞蠶蠔蜆蠱蠣蟶蠻蟄蛺蟯螄蠐蛻蝸蠟蠅蟈蟬蠍螻蠑螿蟎蠨釁銜補襯袞襖嫋褘襪襲襏裝襠褌褳襝褲襉褸襤襁襴見觀覎規覓視覘覽覺覬覡覿覥覦覯覲覷觴觸觶讋譽謄訁計訂訃認譏訐訌討讓訕訖訓議訊記訒講諱謳詎訝訥許訛論訩訟諷設訪訣證詁訶評詛識詗詐訴診詆謅詞詘詔詖譯詒誆誄試詿詩詰詼誠誅詵話誕詬詮詭詢詣諍該詳詫諢詡譸誡誣語誚誤誥誘誨誑說誦誒請諸諏諾讀諑誹課諉諛誰諗調諂諒諄誶談誼謀諶諜謊諫諧謔謁謂諤諭諼讒諮諳諺諦謎諞諝謨讜謖謝謠謗諡謙謐謹謾謫譾謬譚譖譙讕譜譎讞譴譫讖谷豶貝貞負貟貢財責賢敗賬貨質販貪貧貶購貯貫貳賤賁貰貼貴貺貸貿費賀貽賊贄賈賄貲賃賂贓資賅贐賕賑賚賒賦賭齎贖賞賜贔賙賡賠賧賴賵贅賻賺賽賾贗贊贇贈贍贏贛赬趙趕趨趲躉躍蹌跖躒踐躂蹺蹕躚躋踊躊蹤躓躑躡蹣躕躥躪躦軀車軋軌軒軑軔轉軛輪軟轟軲軻轤軸軹軼軤軫轢軺輕軾載輊轎輈輇輅較輒輔輛輦輩輝輥輞輬輟輜輳輻輯轀輸轡轅轄輾轆轍轔辭辯辮邊遼達遷過邁運還這進遠違連遲邇逕跡適選遜遞邐邏遺遙鄧鄺鄔郵鄒鄴鄰鬱郄郟鄶鄭鄆酈鄖鄲醞醱醬釅釃釀釋裏鉅鑑鑾鏨釓釔針釘釗釙釕釷釺釧釤鈒釩釣鍆釹鍚釵鈃鈣鈈鈦鈍鈔鍾鈉鋇鋼鈑鈐鑰欽鈞鎢鉤鈧鈁鈥鈄鈕鈀鈺錢鉦鉗鈷鉢鈳鉕鈽鈸鉞鑽鉬鉭鉀鈿鈾鐵鉑鈴鑠鉛鉚鈰鉉鉈鉍鈹鐸鉶銬銠鉺銪鋏鋣鐃銍鐺銅鋁銱銦鎧鍘銖銑鋌銩銛鏵銓鉿銚鉻銘錚銫鉸銥鏟銃鐋銨銀銣鑄鐒鋪鋙錸鋱鏈鏗銷鎖鋰鋥鋤鍋鋯鋨鏽銼鋝鋒鋅鋶鐦鐗銳銻鋃鋟鋦錒錆鍺錯錨錡錁錕錩錫錮鑼錘錐錦杴錈錇錟錠鍵鋸錳錙鍥鍈鍇鏘鍶鍔鍤鍬鍾鍛鎪鍠鍰鎄鍍鎂鏤鎡鏌鎮鎛鎘鑷鐫鎳鎿鎦鎬鎊鎰鎔鏢鏜鏍鏰鏞鏡鏑鏃鏇鏐鐔钁鐐鏷鑥鐓鑭鐠鑹鏹鐙鑊鐳鐶鐲鐮鐿鑔鑣鑞鑲長門閂閃閆閈閉問闖閏闈閒閎間閔閌悶閘鬧閨聞闥閩閭闓閥閣閡閫鬮閱閬闍閾閹閶鬩閿閽閻閼闡闌闃闠闊闋闔闐闒闕闞闤隊陽陰陣階際陸隴陳陘陝隉隕險隨隱隸雋難雛讎靂霧霽黴靄靚靜靨韃鞽韉鞴韋韌韍韓韙韞韜韻頁頂頃頇項順須頊頑顧頓頎頒頌頏預顱領頗頸頡頰頲頜潁熲頦頤頻頮頹頷頴穎顆題顒顎顓顏額顳顢顛顙顥纇顫顬顰顴風颺颭颮颯颶颸颼颻飀飄飆飈飛饗饜飣飢飥餳飩餼飪飫飭飯飲餞飾飽飼飿飴餌饒餉餄餎餃餏餅餑餖餓餘餒餕餜餛餡館餷饋餶餿饞饁饃餺餾饈饉饅饊饌饢馬馭馱馴馳驅馹駁驢駔駛駟駙駒騶駐駝駑駕驛駘驍罵駰驕驊駱駭駢驫驪騁驗騂駸駿騏騎騍騅騌驌驂騙騭騤騷騖驁騮騫騸驃騾驄驏驟驥驦驤髏髖髕鬢魘魎魚魛魢魷魨魯魴魺鮁鮃鮎鱸鮋鮓鮒鮊鮑鱟鮍鮐鮭鮚鮳鮪鮞鮦鰂鮜鱠鱭鮫鮮鮺鯗鱘鯁鱺鰱鰹鯉鰣鰷鯀鯊鯇鮶鯽鯒鯖鯪鯕鯫鯡鯤鯧鯝鯢鮎鯛鯨鰺鯴鯔鱝鰈鰏鱨鯷鰮鰃鰓鱷鰍鰒鰉鰁鱂鯿鰠鰲鰭鰨鰥鰩鰟鰜鰳鰾鱈鱉鰻鰵鱅鰼鱖鱔鱗鱒鱯鱤鱧鱣鳥鳩雞鳶鳴鳲鷗鴉鶬鴇鴆鴣鶇鸕鴨鴞鴦鴒鴟鴝鴛鷽鴕鷥鷙鴯鴰鵂鴴鵃鴿鸞鴻鵐鵓鸝鵑鵠鵝鵒鷳鵜鵡鵲鶓鵪鵾鵯鵬鵮鶉鶊鵷鷫鶘鶡鶚鶻鶿鶥鶩鷊鷂鶲鶹鶺鷁鶼鶴鷖鸚鷓鷚鷯鷦鷲鷸鷺鸇鷹鸌鸏鸛鸘鹺麥麩黃黌黶黷黲黽黿鼂鼉鞀鼴齇齊齏齒齔齕齗齟齡齙齠齜齦齬齪齲齷龍龔龕龜志制諮只裏系範鬆沒嚐嚐鬧面準鍾別閒乾盡髒拼衝裡", }; const S = chinese.S; const T = chinese.T; const tranStr = (str, toT) => { let src; let des; let i; let letter; let result = ""; let index; if (toT) { src = S; des = T; } else { src = T; des = S; } for (i = 0; i < str.length; i++) { letter = str.charAt(i); const code = str.charCodeAt(i); const isChinese = (code > 13312 && code < 40899) || (code > 63744 && code < 64106); if (!isChinese) { result += letter; continue; } index = src.indexOf(letter); if (index !== -1) result += des.charAt(index); else result += letter; } return result; }; const Chinese = { s2t: (str, custom) => { if (custom) { for (let s = 0; s < custom.length; s++) { if (str.includes(custom[s].src)) str = str.replaceAll(custom[s].src, custom[s].des); } return tranStr(str, true); } else { return tranStr(str, true); } }, t2s: (str, custom) => { if (custom) { for (let s = 0; s < custom.length; s++) { if (str.includes(custom[s].src)) str = str.replaceAll(custom[s].src, custom[s].des); } return tranStr(str, false); } else { return tranStr(str, false); } }, }; const TAG$3 = "[artplayer-plugin-bilibiliCCSubTitle]："; const SubTitleCustomStr = { src: "臟妳為傢蔔餵眾係姊託迴蹟儘封啟", des: "脏你为家卜喂众系姐托回迹尽对启", more_src: ["乾脆", "随著", "相信著", "奇蹟", "拚命", "採取", "製造"], more_des: ["干脆", "随着", "相信着", "奇迹", "拼命", "采取", "制造"], _custom_str: [], generteCustomStr() { for (let index = 0; index < this.src.length; index++) { this._custom_str.push({ src: this.src[index], des: this.des[index], }); } for (let index = 0; index < this.more_src.length; index++) { this._custom_str.push({ src: this.more_src[index], des: this.more_des[index], }); } }, getCustomStr() { return this._custom_str; }, }; const SubTitleEvent = { reset() { this.unbind(); }, bind() { SubTitle.art.on("video:timeupdate", this.event, this); }, unbind() { SubTitle.clearSubTitle(); SubTitle.art.off("video:timeupdate", this.event); }, event() { let currentTime = SubTitle.art.currentTime; let currentSubTitleData = SubTitleData.allSubTitleInfo[SubTitleData.currentSelectIndex]?.data; if (!currentSubTitleData) { return; } let findValue = currentSubTitleData.find((item) => { if (item.to >= currentTime && item.from <= currentTime) { return true; } else { return false; } }); let $allSubTitleLine = Array.from(SubTitle.$el.$subtitle.querySelectorAll(".art-subtitle-line")); for (let index = 0; index < $allSubTitleLine.length; index++) { const $oldSubtitleLine = $allSubTitleLine[index]; const { from: oldFrom, to: oldTo } = Reflect.get($oldSubtitleLine, "data-subtitle-line-info"); if (oldTo <= currentTime || oldFrom >= currentTime) { $oldSubtitleLine.remove(); } else { if (findValue) { if (findValue.from === oldFrom && findValue.to === oldTo) { return; } } } } if (findValue) { let $subtitleLine = document.createElement("div"); $subtitleLine.className = "art-subtitle-line"; Reflect.set($subtitleLine, "data-subtitle-line-info", findValue); $subtitleLine.setAttribute("data-group", "0"); $subtitleLine.innerHTML = findValue.content; SubTitle.$el.$subtitle.appendChild($subtitleLine); } }, }; const SubTitleData = { allSubTitleInfo: [], currentSelectIndex: -1, reset() { this.allSubTitleInfo.length = 0; this.currentSelectIndex = -1; }, }; const SubTitle = { art: null, $key: { plugin_KEY: "plugin-bilibili-cc-subtitle", }, $el: { $subtitle: null, }, async update(option) { const that = this; const STORAGE_KEY = `artplayer-bili-cc-subtitle-${option.from}`; const SubTitleSettingLayer = { config: { NAME: "setting-bilibili-cc-subtitle", }, getDefaultSettingOption: () => { return { name: SubTitleSettingLayer.config.NAME, width: 200, html: "字幕", tooltip: "", icon: ` `, selector: [], onSelect: function (selector) { let itemInfo = selector; that.art.storage.set(STORAGE_KEY, { lan: itemInfo.subTitle_lan, }); SubTitleEvent.unbind(); SubTitleData.currentSelectIndex = itemInfo.subTitle_index; if (itemInfo.subTitle_index !== -1) { SubTitleEvent.bind(); } return selector.html; }, }; }, getSettingOption: () => { const settingOption = SubTitleSettingLayer.getDefaultSettingOption(); const defaultSelector2 = SubTitleSettingLayer.getDefaultSettingSelector(); settingOption.selector.push(defaultSelector2); settingOption.tooltip = defaultSelector2.html; return settingOption; }, getDefaultSettingSelector: () => { return { default: true, html: "无", subTitle_lan: "", subTitle_index: 0, subTitle_data: [], }; }, addSetting(selectorList) { let settingOption = this.getSettingOption(); if (selectorList && selectorList.length) { settingOption.selector.push(...selectorList); let firstSubTitle = settingOption.selector[0]; let currentSelectSubTitle = { index: 0, html: firstSubTitle.html, }; const storageInfo = that.art.storage.get(STORAGE_KEY); if (storageInfo) { const findInfoIndex = settingOption.selector.findIndex((item) => item.subTitle_lan === storageInfo.lan); if (findInfoIndex !== -1) { const findInfo = settingOption.selector[findInfoIndex]; console.log(TAG$3 + "选择字幕：" + findInfo.html); currentSelectSubTitle.index = findInfoIndex; currentSelectSubTitle.html = findInfo.html; } else { console.warn(TAG$3 + "没有找到上次选的字幕，使用当前默认无"); } } for (let index = 0; index < settingOption.selector.length; index++) { settingOption.selector[index].default = index === currentSelectSubTitle.index; } settingOption.tooltip = currentSelectSubTitle.html; SubTitleData.currentSelectIndex = currentSelectSubTitle.index; } if (this.isAddSetting()) { console.log(TAG$3 + "更新字幕菜单", selectorList ?? []); that.art.setting.update(settingOption); } else { that.art.setting.add(settingOption); } }, isAddSetting() { return that.art.setting.find(this.config.NAME) != null; }, }; SubTitleData.reset(); SubTitleEvent.reset(); const defaultSelector = SubTitleSettingLayer.getDefaultSettingSelector(); SubTitleData.currentSelectIndex = 0; SubTitleData.allSubTitleInfo.push({ name: defaultSelector.html, lan: defaultSelector.subTitle_lan, data: defaultSelector.subTitle_data, }); SubTitleSettingLayer.addSetting(); const settingSelectorList = []; this.$el.$subtitle = this.art.template.$subtitle; const searchParamsData = { cid: option.cid, }; if (option.ep_id) { Reflect.set(searchParamsData, "ep_id", option.ep_id); } if (option.aid) { Reflect.set(searchParamsData, "aid", option.aid); } else if (option.bvid) { Reflect.set(searchParamsData, "bvid", option.bvid); } else { throw new TypeError("avid or bvid must give one"); } const videoInfoResponse = await httpx.get( `https://${BilibiliApiConfig.web_host}/x/player/v2?${utils.toSearchParamsStr(searchParamsData)}`, { fetch: true, allowInterceptConfig: false, responseType: "json", headers: { Host: "www.bilibili.com", Referer: "https://www.bilibili.com", }, } ); if (!videoInfoResponse.status) { console.error(TAG$3 + "网络异常，获取视频的字幕信息失败", videoInfoResponse); return; } console.log(TAG$3 + "视频的字幕信息", videoInfoResponse); const videoInfoResultJSON = utils.toJSON(videoInfoResponse.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(videoInfoResultJSON)) { console.error(TAG$3 + "获取视频的字幕信息失败", videoInfoResultJSON); return; } let subTitleUrlInfoList = videoInfoResultJSON["data"]["subtitle"]["subtitles"]; if (!subTitleUrlInfoList.length) { console.warn(TAG$3 + "获取字幕链接列表为空", videoInfoResultJSON); return; } for (let index = 0; index < subTitleUrlInfoList.length; index++) { const subTitleUrlInfo = subTitleUrlInfoList[index]; console.log(TAG$3 + "请求字幕链接信息：" + subTitleUrlInfo.subtitle_url); if (utils.isNull(subTitleUrlInfo.subtitle_url)) { continue; } const subTitleInfoResponse = await httpx.get(subTitleUrlInfo.subtitle_url, { responseType: "json", allowInterceptConfig: false, headers: { Referer: "https://www.bilibili.com", "User-Agent": utils.getRandomPCUA(), }, }); if (subTitleInfoResponse.status) { console.log(TAG$3 + "成功获取字幕信息"); const subTitleInfoJSON = utils.toJSON(subTitleInfoResponse.data.responseText); const subTitleInfo = subTitleInfoJSON["body"]; let currentIndex = SubTitleData.allSubTitleInfo.length; let data2 = { name: subTitleUrlInfo.lan_doc, lan: subTitleUrlInfo.lan, data: subTitleInfo, }; SubTitleData.allSubTitleInfo.push(data2); settingSelectorList.push({ html: subTitleUrlInfo.lan_doc, subTitle_index: currentIndex, subTitle_lan: subTitleUrlInfo.lan, subTitle_data: subTitleInfo, }); } else { console.error(TAG$3 + "请求字幕链接信息失败", subTitleInfoResponse); } } if (Panel.getValue("bili-bangumi-generateSimpleChineseSubtitle")) { let subTitleHant = SubTitleData.allSubTitleInfo.find((item) => { return item.lan === "zh-Hant" || item.name.includes("繁体"); }); if (subTitleHant) { let simpleChineseSubtitleData = []; subTitleHant.data.forEach((item) => { const { content, ...otherData } = item; const translateContent = Chinese.t2s(content, SubTitleCustomStr.getCustomStr()); simpleChineseSubtitleData.push({ content: translateContent, ...otherData, }); }); let subTitleName = "简体（自动生成）"; let currentIndex = SubTitleData.allSubTitleInfo.length; SubTitleData.allSubTitleInfo.push({ name: subTitleName, lan: "zh-CN-auto", data: simpleChineseSubtitleData, }); settingSelectorList.push({ html: subTitleName, subTitle_index: currentIndex, subTitle_lan: "zh-CN-auto", subTitle_data: simpleChineseSubtitleData, }); } } console.log(TAG$3 + "加载视频CC字幕信息", SubTitleData.allSubTitleInfo); if ( SubTitleData.allSubTitleInfo[SubTitleData.currentSelectIndex].data == null || SubTitleData.allSubTitleInfo[SubTitleData.currentSelectIndex].data.length == 0 ); else { SubTitleEvent.bind(); } SubTitleSettingLayer.addSetting(settingSelectorList); }, clearSubTitle() { if (this.$el.$subtitle) { this.$el.$subtitle.innerHTML = ""; } }, updateArtPlayer(art) { this.art = art; }, }; function artplayerPluginBilibiliCCSubTitle(option) { return (art) => { SubTitleCustomStr.generteCustomStr(); SubTitle.updateArtPlayer(art); SubTitle.update(option); return { name: SubTitle.$key.plugin_KEY, update(option2) { SubTitle.update(option2); }, }; }; } const ArtPlayer_PLUGIN_BILIBILI_CC_SUBTITLE_KEY = SubTitle.$key.plugin_KEY; const TAG$2 = "[artplayer-plugin-epChoose]："; const GenerateArtPlayerEpTitle = (title, title_id) => { if (title_id == null || title_id == "") { return title; } if (isNaN(Number(title_id))) { return title_id.toString(); } return `第${title_id}话 ${title}`; }; const GenerateArtPlayerEpSetting = (option) => { let tooltip = ""; let selector = option.EP_LIST.map((item, itemIndex) => { if (item.isDefault) { tooltip = item.title; } return { html: item.title, default: item.isDefault, index: itemIndex, callback: item.onSelect, }; }); return { name: EpChoose.$key.SETTING_KEY, icon: ``, html: "选集", selector, tooltip, onSelect: function (item) { if (typeof item.callback === "function") { item.callback(item, item.index); } return item.html; }, mounted(panel, item) { panel.setAttribute("data-plugin", EpChoose.$key.SETTING_KEY); }, playNext() { let findIndex = this.selector.findIndex((item) => item.default); if (findIndex !== -1 && findIndex + 1 < this.selector.length - 1) { findIndex += 1; this.onSelect(this.selector[findIndex]); } else { console.warn(TAG$2 + "当前播放列表已无下一集"); } }, }; }; const EpChooseEvent = { $event: { "video:ended": () => { console.log(TAG$2 + "自动连播启用，播放下一集"); const settingIns = EpChoose.$data.art.setting.find(EpChoose.$key.SETTING_KEY); settingIns?.playNext(); }, }, bind(art) { Object.keys(this.$event).forEach((eventName) => { art.on(eventName, this.$event[eventName]); }); }, unbind(art) { Object.keys(this.$event).forEach((eventName) => { art.off(eventName, this.$event[eventName]); }); }, }; const EpChoose = { $flag: { isInitCSS: false, }, $key: { SETTING_KEY: "setting-ep-choose", PLUGIN_KEY: "plugin-ep-choose", }, $data: { art: null, }, resetEnv() { Object.keys(this.$data).forEach((key) => { Reflect.set(this.$data, key, null); }); }, init(art, option) { this.resetEnv(); this.$data.art = art; EpChooseEvent.unbind(art); if (option.automaticBroadcast) { EpChooseEvent.bind(art); } if (!this.$flag.isInitCSS) { this.$flag.isInitCSS = true; addStyle( ` .art-setting-panel[data-plugin="${EpChoose.$key.SETTING_KEY}"] .art-setting-item .art-setting-item-left-text{ max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ` ); } this.update(option); }, update(option) { EpChooseEvent.unbind(this.$data.art); if (option.EP_LIST == null) { return; } if (option.EP_LIST.length === 0) { return; } let setting = GenerateArtPlayerEpSetting(option); if (this.$data.art.setting.find(this.$key.SETTING_KEY)) { this.$data.art.setting.update(setting); } else { this.$data.art.setting.add(setting); } if (option.automaticBroadcast) { EpChooseEvent.bind(this.$data.art); } }, }; const artplayerPluginEpChoose = (option) => { return (art) => { EpChoose.init(art, option); return { name: EpChoose.$key.PLUGIN_KEY, update(option2) { EpChoose.update(option2); }, }; }; }; const ArtPlayer_PLUGIN_EP_CHOOSE_KEY = EpChoose.$key.PLUGIN_KEY; const ArtPlayerBiliBiliIcon = { loading: `

`, state: ``, indicator: ` `, fullscreenWebOn: ``, fullscreenWebOff: ``, }; const ArtPlayerCommonOption = () => { return { container: "", url: "", volume: 1, isLive: false, muted: false, autoplay: false, pip: false, autoMini: false, screenshot: false, setting: true, loop: false, flip: true, playbackRate: true, autoSize: false, aspectRatio: false, fullscreen: true, fullscreenWeb: true, subtitleOffset: true, miniProgressBar: true, mutex: false, backdrop: true, playsInline: false, autoPlayback: true, airplay: true, lock: true, fastForward: true, theme: BilibiliData.theme, lang: navigator.language.toLowerCase(), moreVideoAttr: { crossOrigin: "anonymous", }, icons: ArtPlayerBiliBiliIcon, }; }; const TAG$1 = "[artplayer-plugin-quality]："; const ArtPlayer_PLUGIN_QUALITY_KEY = "artplayer-plugin-quality"; const VideoCodingCodeMap = { AVC: 7, HEVC: 12, AV1: 13, }; class VideoEncoding { art; from; $key = { SETTING_KEY: "video-playback-codeid", }; constructor(art, from) { this.art = art; this.from = from; this.updateSetting(); } updateSetting(codeIdConfig) { let setting = this.getSetting(); if (Array.isArray(codeIdConfig?.acceptCodeIdList)) { for (let index = 0; index < setting.selector.length; index++) { const selectorItem = setting.selector[index]; let findIndex = codeIdConfig.acceptCodeIdList.findIndex( (item) => item.toString() === selectorItem.value.toString() ); if (findIndex === -1) { setting.selector.splice(index, 1); index--; } } let hasDefault = setting.selector.find((it) => it.default); if (!hasDefault && setting.selector.length) { if (typeof codeIdConfig?.defaultCodeId === "number") { let findDefaultIndex = setting.selector.findIndex((it) => it.value === codeIdConfig.defaultCodeId); if (findDefaultIndex !== -1) { setting.selector[findDefaultIndex].default = true; setting.tooltip = setting.selector[findDefaultIndex].html; } else { setting.selector[0].default = true; setting.tooltip = setting.selector[0].html; } } else { setting.selector[0].default = true; setting.tooltip = setting.selector[0].html; } } } if (this.art.setting.find(this.$key.SETTING_KEY)) { this.art.setting.update(setting); } else { this.art.setting.add(setting); } } getSetting() { const that = this; let userChooseVideoCodingCode = this.getUserChooseVideoCodingCode(); let selectorList = [ { html: "AV1", value: VideoCodingCodeMap["AV1"], }, { html: "HEVC", value: VideoCodingCodeMap["HEVC"], }, { html: "AVC", value: VideoCodingCodeMap["AVC"], }, ].map((it) => Object.assign(it, { default: it.value === userChooseVideoCodingCode, }) ); let findValue = selectorList.find((it) => it.default); if (!findValue) { selectorList = selectorList.map((it, index) => { it.default = index === 0; return it; }); console.warn(TAG$1 + "没有找到用户选择对应的画质编码，将使用排序第一个的画质：" + selectorList[0].html); } let tooltip = selectorList.find((it) => it.default); return { name: this.$key.SETTING_KEY, html: "播放策略", tooltip: tooltip.html, icon: ``, selector: selectorList, onSelect: function (item) { let videoCodingCode = item.value; that.setCurrentVideoCodingCode(videoCodingCode); that.onSettingSelect(videoCodingCode); return item.html; }, }; } onSettingSelect(selectValue) {} get storageVideoCodingKey() { return `bili-${this.from}-artplayer-videoCodingCode`; } setCurrentVideoCodingCode(videoCodingCode) { this.art.storage.set(this.storageVideoCodingKey, videoCodingCode); } getUserChooseVideoCodingCode() { let codingCode = this.art.storage.get(this.storageVideoCodingKey) || VideoCodingCodeMap.AV1; if (!Object.values(VideoCodingCodeMap).includes(codingCode)) { console.error( TAG$1 + "意外情况，选择的编码格式不是允许的编码，将强制使用默认(av1)，防止过滤掉的视频链接为空：" + codingCode ); codingCode = VideoCodingCodeMap.AV1; } return codingCode; } } class VideoQuality extends VideoEncoding { $data = { qualityOption: null, qualityOptionList: [], qualityCodeIdList: [], currentQualityCodecId: VideoCodingCodeMap["AV1"], currentSelectQualityInfo: null, currentQualityOption: null, }; constructor(art, from) { super(art, from); } setCurrentQualityOption(qualityOption = null) { this.$data.currentQualityOption = null; this.$data.currentQualityOption = qualityOption; } getStorageKey(from) { return `artplayer-quality-${from}`; } update(option) { this.$data.qualityOption = null; this.$data.qualityOption = option; this.$data.qualityOptionList.length = 0; this.$data.qualityCodeIdList.length = 0; this.$data.currentSelectQualityInfo = null; this.$data.currentQualityCodecId = void 0; this.setCurrentQualityOption(); if (option.qualityList.length) { let currentSelectQualityInfo = this.getQualityInfo(); this.addControls(); super.updateSetting({ acceptCodeIdList: this.$data.qualityCodeIdList, defaultCodeId: this.$data.currentQualityCodecId, }); this.art.url = currentSelectQualityInfo.url; } else { this.removeControls(); } } getControlsOption() { const that = this; let selectorList = this.$data.qualityOptionList.map((itemInfo, index) => { return { default: index === this.$data.currentSelectQualityInfo?.index, html: itemInfo.html, url: itemInfo.url, quality: itemInfo.quality, frameRate: itemInfo.frameRate, mimeType: itemInfo.mimeType, codecid: itemInfo.codecid, codecs: itemInfo.codecs, bandwidth: itemInfo.bandwidth, }; }); const controlsOption = { name: ArtPlayer_PLUGIN_QUALITY_KEY, index: 10, position: "right", html: this.$data.currentSelectQualityInfo.html, selector: selectorList, onSelect: function (selector) { let itemInfo = selector; console.log(TAG$1 + "切换画质", itemInfo); that.art.switchQuality(itemInfo.url); that.art.storage.set(that.getStorageKey(that.$data.qualityOption.from), { quality: itemInfo.quality, }); that.setCurrentQualityOption({ html: itemInfo.html, url: itemInfo.url, quality: itemInfo.quality, frameRate: itemInfo.frameRate, mimeType: itemInfo.mimeType, codecid: itemInfo.codecid, codecs: itemInfo.codecs, bandwidth: itemInfo.bandwidth, }); return selector.html; }, }; return controlsOption; } addControls() { if (this.isAddControls()) { this.updateQualityControls(); } else { let controlOption = this.getControlsOption(); this.art.controls.add(controlOption); } } getQualityInfo() { let userChooseVideoCodingCode = this.getUserChooseVideoCodingCode(); let qualityList = this.$data.qualityOption.qualityList.filter( (item) => item.codecid === userChooseVideoCodingCode ); qualityList.sort((leftItem, rightItem) => { return rightItem.quality - leftItem.quality; }); const qualityListMap = {}; for (let index = 0; index < this.$data.qualityOption.qualityList.length; index++) { const qualityItem = this.$data.qualityOption.qualityList[index]; const qualityMapValue = qualityListMap[qualityItem.codecid] || []; qualityMapValue.push(qualityItem); qualityListMap[qualityItem.codecid] = qualityMapValue; } if (qualityList.length === 0) { qualityList = Object.values(qualityListMap)[0]; this.$data.currentQualityCodecId = qualityList[0].codecid; console.warn(TAG$1 + "该画质：" + userChooseVideoCodingCode + "不存在，将使用第一个画质", qualityList); } this.$data.qualityOptionList = []; this.$data.qualityOptionList = qualityList; this.$data.qualityCodeIdList = Object.keys(qualityListMap); let firstQualityInfo = qualityList[0]; const storageKey = this.getStorageKey(this.$data.qualityOption.from); const storageQualityInfo = this.art.storage.get(storageKey); let currentSelectQualityInfo = { index: 0, html: firstQualityInfo?.html, url: firstQualityInfo?.url, }; this.setCurrentQualityOption(qualityList[0]); if (storageQualityInfo) { const findQualityIndex = qualityList.findIndex((item) => item.quality === storageQualityInfo.quality); if (findQualityIndex !== -1) { const findQuality = qualityList[findQualityIndex]; currentSelectQualityInfo.index = findQualityIndex; currentSelectQualityInfo.url = findQuality.url; currentSelectQualityInfo.html = findQuality.html; this.setCurrentQualityOption(findQuality); } else { console.warn(TAG$1 + "没有找到上次选的画质，使用当前默认第一个画质"); } } this.$data.currentSelectQualityInfo = null; this.$data.currentSelectQualityInfo = currentSelectQualityInfo; return currentSelectQualityInfo; } updateQualityControls() { let controlOption = this.getControlsOption(); console.log(TAG$1 + "更新画质切换面板信息", this.$data.qualityOptionList, this.$data.currentQualityOption); this.art.controls.update(controlOption); } removeControls() { if (this.isAddControls()) { this.art.controls.remove(ArtPlayer_PLUGIN_QUALITY_KEY); } } isAddControls() { return Reflect.has(this.art.controls, ArtPlayer_PLUGIN_QUALITY_KEY); } onSettingSelect(selectValue) { this.getQualityInfo(); this.updateQualityControls(); this.updateSetting({ acceptCodeIdList: this.$data.qualityCodeIdList, defaultCodeId: this.$data.currentQualityCodecId, }); if (this.$data.currentSelectQualityInfo) { this.art.url = this.$data.currentSelectQualityInfo.url; } } } const artplayPluginQuality = (option) => { return (art) => { let videoQuality = new VideoQuality(art, option.from); videoQuality.update(option); return { name: ArtPlayer_PLUGIN_QUALITY_KEY, update(option2) { videoQuality.update(option2); }, getCurrentQualityOption() { return videoQuality.$data.currentQualityOption; }, }; }; }; const Toast = { $data: { art: null, }, $key: { plugin_KEY: "artplayer-plugin-toast", }, $flag: { isInitCSS: false, }, $config: { originToast: "art-layer-auto-playback", hideClassName: "art-toast-hide-opacity", prefix: "mplayer-toast-gm", }, $el: { get $originPlayer() { return $(".art-video-player .art-layers"); }, }, toast(config) { if (typeof config === "string") { config = { text: config, }; } this.initCSS(); let $parent = config.parent ?? this.$el.$originPlayer; if (!$parent) { throw new TypeError("toast parent is null"); } this.mutationMPlayerOriginToast($parent); let $toast = domUtils.createElement("div", { "data-from": "gm", }); domUtils.addClass($toast, this.$config.prefix); if (config.showCloseBtn) { let $closeBtn = domUtils.createElement("div", { className: this.$config.prefix + "-close", innerHTML: ` `, }); $toast.appendChild($closeBtn); domUtils.on( $closeBtn, "click", (event) => { domUtils.preventEvent(event); this.closeToast($toast); }, { capture: true, } ); } let $text = domUtils.createElement("span", { className: this.$config.prefix + "-text", innerText: config.text, }); $toast.appendChild($text); if (typeof config.timeText === "string" && config.timeText.trim() != "") { let $time = domUtils.createElement("span", { className: this.$config.prefix + "-time", innerText: config.timeText, }); $toast.appendChild($time); } if (typeof config.jumpText === "string" && config.jumpText.trim() != "") { let $jump = domUtils.createElement("span", { className: this.$config.prefix + "-jump", innerText: config.jumpText, }); $toast.appendChild($jump); domUtils.on( $jump, "click", (event) => { if (typeof config.jumpClickCallback === "function") { domUtils.preventEvent(event); config.jumpClickCallback(event); } }, { capture: true, } ); } this.setTransitionendEvent($toast, config); let timeout = typeof config.timeout === "number" && !isNaN(config.timeout) ? config.timeout : 3500; $parent.appendChild($toast); let timeoutId = setTimeout(() => { this.closeToast($toast); }, timeout); return { $toast, timeoutId, close: () => { clearTimeout(timeoutId); this.closeToast($toast); }, }; }, initCSS() { if (this.$flag.isInitCSS) { return; } this.$flag.isInitCSS = true; addStyle( ` .${this.$config.prefix}.mplayer-show { opacity: 1; visibility: visible; z-index: 40; } .mplayer-toast, .${this.$config.prefix} { -webkit-transition-property: opacity, bottom; transition-property: opacity, bottom; } .${this.$config.prefix} { backdrop-filter: saturate(180%) blur(20px); background-color: #000000bf !important; border-radius: var(--art-border-radius); /* bottom: 48px; */ bottom: calc( calc( var(--art-control-height) + var(--art-bottom-gap) ) * 1 + 10px); opacity: 1; overflow: hidden; padding: 10px; gap: 10px; line-height: 1; position: absolute; text-align: center; -webkit-transition: opacity .3s; transition: opacity .3s; left: var(--art-padding); display: flex; align-items: center; pointer-events: auto; } .art-video-player.art-backdrop .${this.$config.prefix}{ backdrop-filter: saturate(180%) blur(20px); background-color: #000000bf !important; } .${this.$config.prefix}-close { cursor: pointer; justify-content: center; align-items: center; display: flex; } .${this.$config.prefix}-close svg{ fill: var(--art-theme); width: 15px; height: 15px; } .${this.$config.prefix}-jump { color: var(--art-theme); cursor: pointer; } ` ); addStyle( ` .${this.$config.hideClassName}{ opacity: 0; visibility: hidden; } ` ); }, mutationMPlayerOriginToast($parent) { let $mplayer = this.$el.$originPlayer; if (!$mplayer) { return; } if ($mplayer.hasAttribute("data-mutation")) { return; } log.success(`添加观察器，动态更新toast的位置`); $mplayer.setAttribute("data-mutation", "gm"); utils.mutationObserver($mplayer, { config: { subtree: true, childList: true, }, immediate: true, callback: () => { this.updatePageToastBottom(); }, }); }, updatePageToastBottom() { let pageToastList = Array.from($$(`.${this.$config.prefix}`)).concat( Array.from($$(".".concat(this.$config.originToast))) ); if (pageToastList.length) { pageToastList.length - 1; pageToastList.forEach(($pageToast, index) => { $pageToast.setAttribute("data-transition", "move"); $pageToast.style.bottom = `calc( calc( var(--art-control-height) + var(--art-bottom-gap) ) * ${index + 1} + 10px)`; }); } }, closeToast($ele) { $ele.classList.add(this.$config.hideClassName); }, getTransitionendEventNameList() { return ["webkitTransitionEnd", "mozTransitionEnd", "MSTransitionEnd", "otransitionend", "transitionend"]; }, setTransitionendEvent($toast, config) { let that = this; let animationEndNameList = this.getTransitionendEventNameList(); domUtils.on( $toast, animationEndNameList, function (event) { let dataTransition = $toast.getAttribute("data-transition"); if ($toast.classList.contains(that.$config.hideClassName)) { if (typeof config === "object" && typeof config?.closeCallback === "function") { config.closeCallback(); } $toast.remove(); return; } if (dataTransition === "move") { $toast.removeAttribute("data-transition"); return; } }, { capture: true, } ); }, }; const artplayerPluginToast = (option) => { return (art) => { Toast.$data.art = art; return { name: Toast.$key.plugin_KEY, toast(...args) { return Toast.toast(...args); }, }; }; }; const ArtPlayer_PLUGIN_TOAST_KEY = Toast.$key.plugin_KEY; class VideoStatistics { art; option; $key = { plugin_KEY: "artplayer-plugin-videoStatistics", setting_name: "video-statistics", }; $data = { intervalId: void 0, }; constructor(art, option) { this.art = art; this.option = option; this.addSetting(); } addSetting() { this.art.setting.add({ name: this.$key.setting_name, icon: "", html: "视频统计信息", mounted: ($setting) => { let $leftIcon = $setting.querySelector(".art-setting-item-left-icon"); $leftIcon.innerHTML = ` `.trim(); this.art.proxy( $setting, "click", (event) => { event.stopPropagation(); event.stopImmediatePropagation(); event.preventDefault(); this.art.setting.show = false; if (this.isRegisterLayer()) { this.updateLayer(); } else { this.showLayer(true); } }, { capture: true } ); }, }); } getLayerOption() { let mimeType, audioHost, audioTime, resolution = { key: "Resolution:", value: `${this.art.video.videoWidth} x ${this.art.video.videoHeight}`, }, videoDataRate, audioDataRate, audioDuration; let qualityPlugin = this.art.plugins[ArtPlayer_PLUGIN_QUALITY_KEY]; if (qualityPlugin) { let currentQualityOption = qualityPlugin.getCurrentQualityOption(); if (currentQualityOption) { mimeType = { key: "Mime Type:", value: `${currentQualityOption.mimeType}`, }; if (currentQualityOption.codecs.trim() !== "") { mimeType.value += `;codecs="${currentQualityOption.codecs}"`; } if (currentQualityOption.frameRate.trim() !== "") { resolution.value += "@" + currentQualityOption.frameRate; } if (currentQualityOption.bandwidth) { videoDataRate = { key: "Video DataRate:", value: (currentQualityOption.bandwidth / 1024).toFixed(0) + "Kbps", }; } } } let m4sAudioPlugin = this.art.plugins[ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY]; if (m4sAudioPlugin) { let currentAudioOption = m4sAudioPlugin.getCurrentPlayConfig(); if (currentAudioOption) { audioHost = { key: "Audio Host:", value: new URL(currentAudioOption.url).host, }; audioTime = { key: "Audio Time:", value: m4sAudioPlugin.getAudio().currentTime.toString(), }; if (mimeType) { if (mimeType.value.trim() !== "") { mimeType.value += ", "; } mimeType.value += `${currentAudioOption.mimeType}`; if (currentAudioOption.codecs.trim() !== "") { mimeType.value += `;codecs="${currentAudioOption.codecs}"`; } } audioDataRate = { key: "Audio DataRate:", value: (currentAudioOption.bandwidth / 1024).toFixed(0) + "Kbps", }; audioDuration = { key: "Audio Duration:", value: m4sAudioPlugin.getAudio().duration.toString(), }; } } let data2 = [ mimeType, { key: "Player Type", value: "ArtPlayer@" + Artplayer.version, }, resolution, videoDataRate, audioDataRate, { key: "Video Host:", value: new URL(this.art.url).host, }, audioHost, { key: "Video Time:", value: this.art.currentTime.toString(), }, audioTime, { key: "Video Duration:", value: this.art.duration.toString(), }, audioDuration, ]; data2.push(...(this?.option?.data || [])); return { name: this.$key.setting_name, html: `

统计信息

${data2 .filter((it) => it != null) .map((item) => { return `

${item.key}

${item.value}

`; }) .join("\n")}

`, mounted: async ($topWrap) => { let $close = $topWrap.querySelector(".art-player-video-statistics-close svg"); this.art.proxy($close, "click", (event) => { event.stopPropagation(); event.stopImmediatePropagation(); event.preventDefault(); this.closeLayer(); }); }, }; } isRegisterLayer() { return this.$key.setting_name in this.art.layers; } showLayer(intervalUpdateInfo) { clearInterval(this.$data.intervalId); let option = this.getLayerOption(); this.art.layers.add(option); if (intervalUpdateInfo) { this.unbindUpdateLayerEvent(); this.bindUpdateLayerEvent(); } } updateLayer() { let option = this.getLayerOption(); this.art.layers.update(option); } bindUpdateLayerEvent() { this.art.on("play", this.updateLayerEvent_interval, this); this.art.on("restart", this.updateLayerEvent_once, this); this.art.on("m4sAudio:loadedmetadata", this.updateLayerEvent_once, this); this.art.on("pause", this.updateLayerEvent_clear_interval, this); this.art.on("video:ended", this.updateLayerEvent_clear_interval, this); if (this.art.playing) { this.updateLayerEvent_interval(); } } unbindUpdateLayerEvent() { this.art.off("play", this.updateLayerEvent_interval); this.art.off("restart", this.updateLayerEvent_once); this.art.off("m4sAudio:loadedmetadata", this.updateLayerEvent_once); this.art.off("pause", this.updateLayerEvent_clear_interval); this.art.off("video:ended", this.updateLayerEvent_clear_interval); } updateLayerEvent_interval() { clearInterval(this.$data.intervalId); this.$data.intervalId = setInterval(() => { this.updateLayer(); }, 1500); } updateLayerEvent_once() { this.updateLayer(); } updateLayerEvent_clear_interval() { clearInterval(this.$data.intervalId); } closeLayer() { clearInterval(this.$data.intervalId); this.art.layers.remove(this.$key.setting_name); this.unbindUpdateLayerEvent(); } update(option) { this.option = option; } } const artplayerPluginVideoStatistics = (option) => { return (art) => { let videoStatistics = new VideoStatistics(art, option); return { name: videoStatistics.$key.plugin_KEY, update(option2) { videoStatistics.update(option2); }, }; }; }; const ArtPlayerDanmakuCommonOption = () => { return { heatmap: false, color: "#FFFFFF", mode: 0, mount: void 0, width: 800, points: [], filter: (danmu) => danmu.text.length <= 100, beforeVisible: () => true, emitter: false, maxLength: 50, lockTime: 3, theme: utils.isThemeDark() ? "dark" : "light", }; }; const generateVideoSelectSetting = (option) => { let epList = option.epList || []; if (epList.length === 1) { let parentEp = epList[0]; return parentEp.pages.map((pageInfo) => { return { isDefault: pageInfo.cid === option.cid, title: pageInfo.part, aid: option.aid, bvid: option.bvid, cid: pageInfo.cid, onSelect(selectOption, index) { parentEp.cid = pageInfo.cid; BilibiliVideoPlayer.updateArtPlayerVideoInfo( { aid: option.aid, bvid: option.bvid, cid: pageInfo.cid, pic: pageInfo.first_frame || "", title: pageInfo.part, epList: option.epList || [], }, true ); }, }; }); } else { return epList.map((epInfo) => { return { isDefault: epInfo.aid === option.aid && epInfo.cid === option.cid, title: GenerateArtPlayerEpTitle(epInfo.title), aid: epInfo.aid, bvid: epInfo.bvid, cid: epInfo.cid, onSelect(selectItem, index) { BilibiliVideoPlayer.updateArtPlayerVideoInfo( { aid: epInfo.aid, bvid: epInfo.bvid, cid: epInfo.cid, pic: epInfo.arc.pic, title: epInfo.title, epList: option.epList || [], }, true ); }, }; }); } }; const BilibiliVideoArtPlayer = { $data: { art: null, currentOption: null, }, resetEnv(isInit) { if (isInit) { Reflect.set(this.$data, "art", null); } Reflect.set(this.$data, "currentOption", null); }, async init(option) { this.resetEnv(true); this.$data.currentOption = option; const localArtDanmakuOption_KEY = "artplayer-video-danmaku-option"; const artPlayerDanmakuOptionHelper = new ArtPlayerDanmakuOptionHelper(localArtDanmakuOption_KEY); const localArtDanmakuOption = artPlayerDanmakuOptionHelper.getLocalArtDanmakuOption(); const artOption = { ...ArtPlayerCommonOption(), container: option.container, poster: option.poster, settings: [], plugins: [ artplayerPluginToast(), artplayPluginQuality({ from: "video", qualityList: option.quality, }), ], }; artOption.type = "mp4"; if (Panel.getValue("artplayer-plugin-video-danmaku-enable")) { artOption.plugins.push( artplayerPluginDanmuku({ ...ArtPlayerDanmakuCommonOption(), danmuku: option.danmukuUrl, speed: localArtDanmakuOption.speed, margin: localArtDanmakuOption["margin"], opacity: localArtDanmakuOption["opacity"], modes: localArtDanmakuOption["modes"], fontSize: localArtDanmakuOption["fontSize"], antiOverlap: localArtDanmakuOption["antiOverlap"], synchronousPlayback: localArtDanmakuOption["synchronousPlayback"], visible: localArtDanmakuOption["visible"], beforeEmit(danmu) { return new Promise((resolve) => { console.log(danmu); setTimeout(() => { resolve(true); }, 1e3); }); }, }) ); } if (Panel.getValue("artplayer-plugin-video-m4sAudioSupport-enable")) { artOption.plugins.push( artplayerPluginM4SAudioSupport({ from: "video", audioList: option.audioList || [], }) ); } if (Panel.getValue("artplayer-plugin-video-epChoose-enable")) { artOption.plugins.push( artplayerPluginEpChoose({ EP_LIST: generateVideoSelectSetting(option), automaticBroadcast: true, }) ); } if (Panel.getValue("artplayer-plugin-video-cc-subtitle-enable")) { artOption.plugins.push( artplayerPluginBilibiliCCSubTitle({ from: "video", cid: option.cid, aid: option.aid, bvid: option.bvid, }) ); } if (Panel.getValue("artplayer-plugin-video-toptoolbar-enable")) { artOption.plugins.push( artplayerPluginTopToolBar({ onlineInfoParams: { aid: option.aid, cid: option.cid, bvid: option.bvid, }, title: option.videoTitle, showWrap: true, showTitle: true, showOnlineTotal: true, }) ); } if (Panel.getValue("artplayer-plugin-video-statistics-enable")) { artOption.plugins.push( artplayerPluginVideoStatistics({ data: [], }) ); } if (Panel.getValue("bili-video-playerAutoPlayVideo")) { artOption.muted = true; artOption.autoplay = true; } this.$data.art = new Artplayer(artOption); artPlayerDanmakuOptionHelper.onConfigChange(this.$data.art); return this.$data.art; }, async update(art, option) { this.resetEnv(false); this.$data.currentOption = option; log.info(`更新新的播放信息`, option); art.pause(); log.info(`暂停视频`); art.currentTime = 0; log.info(`重置播放进度`); this.updatePluginInfo(art, option); art.play(); log.info("播放"); }, updatePluginInfo(art, option) { let plugin_quality = art.plugins[ArtPlayer_PLUGIN_QUALITY_KEY]; plugin_quality.update({ from: "video", qualityList: option.quality, }); log.info(`更新画质`, option.quality); if (Panel.getValue("artplayer-plugin-video-danmaku-enable")) { art.plugins.artplayerPluginDanmuku.config({ danmuku: option.danmukuUrl, }); art.plugins.artplayerPluginDanmuku.load(); log.info(`更新弹幕姬`, option.danmukuUrl); } if (Panel.getValue("artplayer-plugin-video-m4sAudioSupport-enable")) { let plugin_m4sAudioSupport = art.plugins[ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY]; plugin_m4sAudioSupport.update({ from: "video", audioList: option.audioList || [], }); log.info(`更新音频`, option.audioList); } if (Panel.getValue("artplayer-plugin-video-epChoose-enable")) { let plugin_epChoose = art.plugins[ArtPlayer_PLUGIN_EP_CHOOSE_KEY]; plugin_epChoose.update({ EP_LIST: generateVideoSelectSetting(option), automaticBroadcast: true, }); log.info(`更新选集信息`, option.epList); } if (Panel.getValue("artplayer-plugin-video-cc-subtitle-enable")) { let plugin_bilibiliCCSubTitle = art.plugins[ArtPlayer_PLUGIN_BILIBILI_CC_SUBTITLE_KEY]; const subTitleOption = { from: "video", aid: option.aid, bvid: option.bvid, cid: option.cid, }; plugin_bilibiliCCSubTitle.update(subTitleOption); log.info(`更新字幕`, subTitleOption); } if (Panel.getValue("artplayer-plugin-video-toptoolbar-enable")) { let plugin_topToolBar = art.plugins[ArtPlayer_PLUGIN_TOP_TOOLBAR_KEY]; const topToolBarOption = { showRight: true, showRightFollow: true, showWrap: true, showTitle: true, showOnlineTotal: true, title: option.videoTitle, onlineInfoParams: { aid: option.aid, cid: option.cid, bvid: option.bvid, }, }; plugin_topToolBar.update(topToolBarOption); log.info(`更新顶部标题`, topToolBarOption); } }, }; const artPlayerCSS$1 = ".artplayer-container {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n overflow: hidden;\n}\n"; function handleDashVideoQualityInfo$1(dashInfo) { let result = []; dashInfo.video.forEach((dashVideoInfo) => { if (!dashInfo.accept_quality.includes(dashVideoInfo.id)) { return; } let findSupportFormat = dashInfo.support_formats.find((formatsItem) => formatsItem.quality === dashVideoInfo.id); let videoUrl = BilibiliCDNProxy.findBetterCDN( dashVideoInfo.base_url, dashVideoInfo.baseUrl, dashVideoInfo.backup_url, dashVideoInfo.backupUrl ); videoUrl = BilibiliCDNProxy.replaceVideoCDN(videoUrl); let qualityName = findSupportFormat?.new_description; result.push({ name: qualityName, url: videoUrl, type: dashVideoInfo.mimeType || dashVideoInfo.mime_type, id: dashVideoInfo.id, quality: dashVideoInfo.id, vip: false, codecid: dashVideoInfo.codecid, codecs: dashVideoInfo.codecs, frameRate: dashVideoInfo.frameRate || dashVideoInfo.frame_rate, bandwidth: dashVideoInfo.bandwidth, }); }); return result; } const GenerateArtPlayerOption$1 = async (option) => { const audioInfo = []; let qualityInfo = []; if (Panel.getValue("bili-video-playType", "mp4") === "mp4") { const videoPlayInfo = await BilibiliVideoApi.playUrl({ bvid: option.bvid, cid: option.cid, fnval: 1, fnver: 0, fourk: 1, high_quality: 1, qn: 127, setPlatformHTML5: true, }); log.info(["视频播放地址信息：", videoPlayInfo]); if (!videoPlayInfo) { return; } let currentDurl = videoPlayInfo["durl"][0]; let findSupportFormat = videoPlayInfo.support_formats.find( (formatsItem) => formatsItem.quality === videoPlayInfo.quality ); let videoUrl = BilibiliCDNProxy.findBetterCDN(currentDurl.url, currentDurl.url || currentDurl.backup_url?.[0]); let qualityName = findSupportFormat?.new_description; qualityInfo.push({ name: qualityName, url: videoUrl, type: "audio/mp4", id: videoPlayInfo.quality, codecid: videoPlayInfo.video_codecid, quality: videoPlayInfo.quality, vip: false, codecs: "", frameRate: "", bandwidth: 0, }); } else { const videoPlayInfo = await BilibiliVideoApi.playUrl({ bvid: option.bvid, cid: option.cid, fnval: 16 | 1024 | 2048, fnver: 0, fourk: 1, high_quality: 1, qn: 127, setPlatformHTML5: false, }); log.info(["视频播放地址信息：", videoPlayInfo]); if (!videoPlayInfo) { return; } videoPlayInfo.dash.audio.forEach((item) => { let audioUrl = BilibiliCDNProxy.findBetterCDN(item.baseUrl, item.base_url, item.baseUrl, item.backup_url); audioUrl = BilibiliCDNProxy.replaceVideoCDN(audioUrl, true); audioInfo.push({ url: audioUrl, id: item.id, text: VideoSoundQualityCode[item.id] || "", codecs: item.codecs, mimeType: item.mimeType, bandwidth: item.bandwidth, size: 0, }); }); audioInfo.sort((leftItem, rightItem) => { return rightItem.id - leftItem.id; }); log.info(`ArtPlayer: 获取的音频信息`, audioInfo); qualityInfo = [ ...handleDashVideoQualityInfo$1({ accept_quality: videoPlayInfo.accept_quality, support_formats: videoPlayInfo.support_formats, video: videoPlayInfo.dash.video, }), ]; log.info(`ArtPlayer: 获取的视频画质信息`, qualityInfo); } const currentVideoQuality = qualityInfo.map((item, index) => { return { quality: item.quality, html: item.name, url: item.url, codecid: item.codecid, codecs: item.codecs, frameRate: item.frameRate, mimeType: item.type, bandwidth: item.bandwidth, }; }); const artPlayerOption = { container: null, epList: option.epList, audioUrl: null, url: "", poster: option.pic, aid: option.aid, bvid: option.bvid, cid: option.cid, videoTitle: option.title, danmukuUrl: `https://api.bilibili.com/x/v1/dm/list.so?oid=${option.cid}`, quality: currentVideoQuality, }; artPlayerOption.url = qualityInfo?.[0]?.url; if (audioInfo.length) { artPlayerOption.audioList = audioInfo.map((item, index) => { return { isDefault: index === 0, url: item.url, soundQualityCode: item.id, soundQualityCodeText: item.text, codecs: item.codecs, mimeType: item.mimeType, bandwidth: item.bandwidth, size: item.size, }; }); } return artPlayerOption; }; const BilibiliVideoPlayer = { $data: { art: null, }, init() { Panel.execMenu("bili-video-enableArtPlayer", () => { this.coverVideoPlayer(); }); }, coverVideoPlayer() { if ($("#artplayer")) { log.warn("已使用ArtPlayer覆盖原播放器，更新播放信息"); } else { log.info(`覆盖播放器`); addStyle( ` /* 隐藏原本的播放器 */ ${BilibiliData.className.video} .m-video-player .player-container, ${BilibiliData.className.mVideo} .m-video-player .player-container{ display: none !important; } ${artPlayerCommonCSS} ${artPlayerCSS$1} ` ); let controlsPadding = Panel.getValue("bili-video-artplayer-controlsPadding-left-right", 0); if (controlsPadding != 0) { addStyle( ` @media (orientation: landscape) { .art-video-player .art-layers .art-layer-top-wrap, /* 底部 */ .art-video-player .art-bottom{ padding-left: ${controlsPadding}px !important; padding-right: ${controlsPadding}px !important; } /* 锁定图标 */ .art-video-player .art-layer-lock{ --art-lock-left-size: ${controlsPadding}px; } } ` ); } } this.updateArtPlayerVideoInfo(); }, updateArtPlayerVideoInfo(videoInfo, isEpChoose) { const that = this; const queryMVideoPlayer = () => { return ( $(BilibiliData.className.video + " .m-video-player") || $(BilibiliData.className.mVideo + " .m-video-player") ); }; const queryPlayerOption = (vueInst) => { const aid = vueInst?.playerOptions?.aid || vueInst?.info?.aid; const bvid = vueInst?.playerOptions?.bvid || vueInst?.info?.bvid; let cid = vueInst?.playerOptions?.cid || vueInst?.cid || vueInst?.info?.cid; const pic = vueInst?.pic || vueInst?.info?.pic; let title = vueInst?.title || vueInst?.info?.title; const p = vueInst?.info?.p; const pages = vueInst?.info?.pages; if (typeof p === "number" && Array.isArray(pages)) { const p_findIndex = pages.findIndex((it) => it.page === p); if (p_findIndex !== 0) { const findPage = pages[p_findIndex]; if (typeof findPage?.cid === "number") { cid = findPage.cid; } if (typeof findPage?.part === "string") { title = findPage.part; } } } return { aid, bvid, cid, pic, title, }; }; VueUtils.waitVuePropToSet(queryMVideoPlayer, { msg: "等待m-video-player加载完成", check(vueInst) { const { aid, bvid, cid } = queryPlayerOption(vueInst); if (!isEpChoose && BilibiliVideoArtPlayer.$data.currentOption != null) { BilibiliVideoArtPlayer.$data.art.pause(); return ( typeof aid === "number" && typeof bvid === "string" && typeof cid === "number" && BilibiliVideoArtPlayer.$data.currentOption.cid !== cid ); } else { return typeof aid === "number" && typeof bvid === "string" && typeof cid === "number"; } }, async set(vueInst) { const $mVideoPlayer = queryMVideoPlayer(); let { aid, bvid, cid, pic, title } = queryPlayerOption(vueInst); let epInfoList = []; const $seasonNew = $(".m-video-season-new"); const seasonVueIns = VueUtils.getVue($seasonNew); const $partNew = $(".m-video-part-new") || $(".m-video-part"); const partVueIns = VueUtils.getVue($partNew); if (seasonVueIns) { let videoList = seasonVueIns?.videoList; if (Array.isArray(videoList)) { epInfoList = videoList; } } else if (partVueIns) { let info = partVueIns?.info; let currentPage = partVueIns?.p; let pages = partVueIns?.pages || partVueIns?.info?.pages; if (Array.isArray(pages)) { epInfoList.push({ season_id: 0, section_id: 0, id: 0, aid: aid || info.aid, bvid: bvid || info.bvid, cid: cid || info.cid, title: title || info.title, attribute: 0, arc: { aid: aid || info.aid, videos: info?.videos, type_id: 0, type_name: "", copyright: info?.copyright, pic: info?.pic, title: info?.title, pubdate: info?.pubdate, ctime: info?.ctime, desc: info?.desc, state: info?.state, duration: info?.duration, rights: info?.rights, author: info?.owner, stat: info?.stat, dynamic: info?.dynamic, dimension: info?.dimension, desc_v2: info?.desc_v2, is_chargeable_season: info?.is_chargeable_season, is_blooper: info?.is_blooper, enable_vt: info?.enable_vt, vt_display: info?.vt_display, }, page: info?.pages?.[currentPage], pages: info?.pages, }); } } if (videoInfo == null) { videoInfo = { aid, bvid, cid, pic, title, epList: epInfoList, }; } log.info(`视频播放信息 => aid：${aid} bvid：${bvid} cid：${cid}`); const artPlayerOption = await GenerateArtPlayerOption$1(videoInfo); if (artPlayerOption == null) { return; } let $artPlayer = $("#artplayer"); if (!$artPlayer) { const $artContainer = domUtils.createElement("div", { className: "artplayer-container", innerHTML: `

`, }); $artPlayer = $artContainer.querySelector("#artplayer"); domUtils.append($mVideoPlayer, $artContainer); } artPlayerOption.container = $artPlayer; if (that.$data.art == null) { let art = await BilibiliVideoArtPlayer.init(artPlayerOption); if (art) { that.$data.art = art; } else { return; } that.$data.art.volume = 1; that.$data.art.once("ready", () => { Panel.execMenu("bili-video-playerAutoPlayVideoFullScreen", async () => { log.info(`自动进入全屏`); that.$data.art.fullscreen = true; that.$data.art.once("fullscreenError", () => { log.warn("未成功进入全屏，需要用户交互操作，使用网页全屏代替"); that.$data.art.fullscreenWeb = true; }); }); }); } else { const $artContainer = $(".artplayer-container"); if ($artContainer && !$artContainer.contains(that.$data.art.template.$container)) { log.warn("artplayer-container的artplayer被移除了，重新添加元素"); domUtils.empty($artContainer); domUtils.append($artContainer, that.$data.art.template.$container); } await BilibiliVideoArtPlayer.update(that.$data.art, artPlayerOption); } $mVideoPlayer.style.paddingTop = ""; }, }); }, }; const BilibiliVideo = { $data: { isAddBeautifyCSS: false, isInitCommentModule: false, isInitDescModule: false, }, init() { BilibiliVideoPlayer.init(); Panel.execMenuOnce("bili-video-cover-bottomRecommendVideo", () => { this.coverBottomRecommendVideo(); }); Panel.execMenuOnce("bili-video-cover-UpWrapper", () => { this.coverUpWrapper(); }); Panel.execMenuOnce("bili-video-cover-seasonNew", () => { this.coverSeasonNew(); }); domUtils.onReady(() => { Panel.execMenu("bili-video-addCommentModule", () => { this.addCommentModule(); }); Panel.execMenu("bili-video-addDescModule", () => { this.addDescModule(); }); }); }, beautify() { log.info("美化显示"); if (!this.$data.isAddBeautifyCSS) { this.$data.isAddBeautifyCSS = true; addStyle( ` @charset "UTF-8"; ${BilibiliData.className.video} .video-list .card-box { --left-card-width: 33%; --right-child-padding: 1.333vmin; /* 开启了bili-video-beautify */ } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp { width: 100%; border-bottom: 1px solid #b5b5b5; padding-left: 0; padding-right: 0; } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a { display: flex; flex-wrap: nowrap; gap: var(--right-child-padding); } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card { width: var(--left-card-width); height: 80px; flex: 0 auto; } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count { background: transparent; } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count .left { display: list-item; } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count .left span.item { display: none; } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .card .count .duration { background: rgba(0, 0, 0, 0.4); border-radius: 0.6vmin; padding: 0px 0.5vmin; right: 1vmin; bottom: 1vmin; } ${BilibiliData.className.video} .video-list .card-box .v-card-toapp > a .title { /*flex: 1;*/ /*padding: var(--right-child-padding);*/ padding-top: 0; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container { display: flex; flex-direction: column; width: calc(100% - var(--left-card-width)); justify-content: space-between; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container > * { padding: var(--right-child-padding); padding-bottom: 0; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container .left { gap: 1rem; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container .left span { display: flex; align-items: safe center; gap: 1vmin; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container .gm-up-name, ${BilibiliData.className.video} .video-list .card-box .gm-right-container .left { color: #999; font-size: 3vmin; transform-origin: left; display: flex; /*align-items: safe center;*/ align-items: safe flex-end; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container .gm-up-name svg { width: 3vmin; height: 3vmin; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container .gm-up-name-text { margin-left: 1vmin; } ${BilibiliData.className.video} .video-list .card-box .gm-right-container .num { margin-right: 4vmin; } ${BilibiliData.className.video} .video-list .card-box > a.v-card { width: 100%; border-bottom: 1px solid #b5b5b5; padding-left: 0; padding-right: 0; display: flex; flex-wrap: nowrap; } ${BilibiliData.className.video} .video-list .card-box > a.v-card .card { width: var(--left-card-width); height: 100%; flex: 0 auto; } ${BilibiliData.className.video} .video-list .card-box > a.v-card .card .count { background: transparent; } ${BilibiliData.className.video} .video-list .card-box > a.v-card .card .count span { display: none; } ${BilibiliData.className.video} .video-list .card-box > a.v-card .card .count .duration { background-color: rgba(0, 0, 0, 0.3); border-radius: 4px; color: #fff; font-size: 12px; height: 16px; line-height: 16px; margin-left: auto; padding-left: 4px; padding-right: 4px; } ${BilibiliData.className.video} .video-list .card-box > a.v-card .title { flex: 1; /*padding: var(--right-child-padding);*/ padding-top: 0; margin-top: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } ` ); } domUtils.waitNode(BilibiliData.className.video + " .bottom-tab .list-view .card-box", 1e4).then(($cardBox) => { if (!$cardBox) { log.error("$cardBox is null"); return; } function handleVCardToApp($vCard) { let $originTitle = $vCard.querySelector(".title"); let $originLeft = $vCard.querySelector(".count .left"); let isHandled = Boolean($vCard.querySelector(".gm-right-container")); let vueObj = VueUtils.getVue($vCard); if ($originTitle && $originLeft && vueObj && !isHandled) { let upName = vueObj?.info?.owner?.name; if (upName == null) { log.error("美化显示-handleVCardToApp：获取up主名字失败"); return; } $vCard.querySelector(".count"); let $title = $originTitle.cloneNode(true); let $left = $originLeft.cloneNode(true); domUtils.hide($originTitle); let $isOpenAppWeakened = $vCard.querySelector(".open-app.weakened"); if ($isOpenAppWeakened) { domUtils.hide($isOpenAppWeakened); } let $upInfo = document.createElement("div"); $upInfo.className = "gm-up-name"; $upInfo.innerHTML = ` ${upName} `; let $rightContainer = document.createElement("div"); let $rightBottom = document.createElement("div"); $rightContainer.className = "gm-right-container"; $rightBottom.className = "gm-right-bottom"; domUtils.after($originTitle, $rightContainer); $rightContainer.appendChild($title); $rightContainer.appendChild($rightBottom); $rightBottom.appendChild($upInfo); $rightBottom.appendChild($left); } } function handleVCard($vCard) { let $originTitle = $vCard.querySelector(".title"); let $originCount = $vCard.querySelector(".count"); let isHandled = Boolean($vCard.querySelector(".gm-right-container")); let vueObj = VueUtils.getVue($vCard); if ($originTitle && $originCount && vueObj && !isHandled) { let duration = vueObj?.info?.duration; if (duration == null) { log.error("美化显示-handleVCard：获取视频时长失败"); return; } let upName = vueObj?.info?.owner?.name; if (upName == null) { log.error("美化显示-handleVCard：获取up主名字失败"); return; } let $cloneTitle = $originTitle.cloneNode(true); let $cloneCount = $originCount.cloneNode(true); domUtils.hide($originTitle); let $duration = document.createElement("div"); $duration.className = "duration"; $duration.innerText = BilibiliUtils.parseDuration(duration); $cloneCount.className = "left"; let $upInfo = document.createElement("div"); $originCount.appendChild($duration); $upInfo.className = "gm-up-name"; $upInfo.innerHTML = ` ${upName} `; let $rightContainer = document.createElement("div"); let $rightBottom = document.createElement("div"); $rightContainer.className = "gm-right-container"; $rightBottom.className = "gm-right-bottom"; domUtils.after($originTitle, $rightContainer); $rightContainer.appendChild($cloneTitle); $rightContainer.appendChild($rightBottom); $rightBottom.appendChild($upInfo); $rightBottom.appendChild($cloneCount); } } let lockFunc = new utils.LockFunction(() => { let $vCardList = $$(BilibiliData.className.video + " .bottom-tab .list-view .card-box .v-card-toapp"); let $vCardList_isLogon = $$(BilibiliData.className.video + " .bottom-tab .list-view .card-box>a.v-card"); $vCardList.forEach((_$vCard_) => { handleVCardToApp(_$vCard_); }); $vCardList_isLogon.forEach((_$vCard_) => { handleVCard(_$vCard_); }); }, 25); let $videoRoot = $(BilibiliData.className.video); if ($videoRoot) { utils.mutationObserver($videoRoot, { config: { subtree: true, attributes: true, childList: true, }, callback() { lockFunc.run(); }, }); } else { log.error("未找到视频根节点"); } }); }, repairVideoBottomAreaHeight() { log.info("修复视频底部区域高度"); return addStyle( ` ${BilibiliData.className.video}, ${BilibiliData.className.mVideo} { /* 修复视频区域底部的高度 */ .natural-module .fixed-module-margin { margin-top: 55.13333vmin; } /* 点击播放视频后的 */ .m-video-new:has(> div > .m-video-player) { margin-top: 75vmin; } /* 未播放视频状态下的 */ .m-video-new:has(> div[style*="display:none"] > .m-video-player) { margin-top: unset; } } html.tiny-app{ ${BilibiliData.className.video}, ${BilibiliData.className.mVideo}{ .m-video-info-new{ margin-top: 72vmin; } } } ` ); }, coverUpWrapper() { log.info(`修复up主信息区域的点击事件`); domUtils.on( document, "click", [ BilibiliData.className.video + " .bottom-wrapper .up-wrapper", BilibiliData.className.mVideo + " .bottom-wrapper .up-wrapper", ], function (event) { let $click = event.target; let $bottomWrapper = $click.closest(".bottom-wrapper"); if (!$bottomWrapper) { log.error("获取元素.bottom-wrapper失败"); return; } let vueInstance = VueUtils.getVue($bottomWrapper); if (!vueInstance) { log.error("获取元素.bottom-wrapper的vue实例失败"); return; } let mid = vueInstance?.upInfo?.card?.mid; if (typeof mid === "string") { BilibiliUtils.goToUrl(BilibiliUrl.getUserSpaceUrl(mid)); } else { Qmsg.error("获取mid失败"); } }, { capture: true, } ); }, coverBottomRecommendVideo() { log.info("覆盖相关视频点击事件"); domUtils.on( document, "click", [ BilibiliData.className.video + " .list-view .card-box .launch-app-btn", BilibiliData.className.mVideo + " .list-view .card-box .launch-app-btn", ], function (event) { let $click = event.target; let vueObj = VueUtils.getVue($click); if (!vueObj) { Qmsg.error("获取相关视频的__vue__失败"); return; } let bvid = vueObj.bvid; if (utils.isNull(bvid)) { if (vueObj.$children && vueObj.$children[0] && utils.isNotNull(vueObj.$children[0].bvid)) { bvid = vueObj.$children[0].bvid; } else { Qmsg.error("获取相关视频的bvid失败"); return; } } log.info("相关视频的bvid: " + bvid); BilibiliUtils.goToUrl(BilibiliUrl.getVideoUrl(bvid)); domUtils.preventEvent(event); }, { capture: true, } ); }, coverSeasonNew() { log.info("覆盖选集视频列表点击事件"); function ClickCallBack(event) { let $click = event.target; let vueObj = VueUtils.getVue($click); if (!vueObj) { Qmsg.error("获取选集视频的目标视频的__vue__失败"); return; } let bvid = vueObj.bvid; if (utils.isNull(bvid)) { Qmsg.error("获取相关视频的bvid失败"); return; } log.info("相关视频的bvid: " + bvid); BilibiliUtils.goToUrl(BilibiliUrl.getVideoUrl(bvid)); domUtils.preventEvent(event); } domUtils.on( document, "click", [ BilibiliData.className.video + " .m-video-season-new .video-card .launch-app-btn", BilibiliData.className.mVideo + " .m-video-season-new .video-card .launch-app-btn", ], ClickCallBack, { capture: true, } ); domUtils.on( document, "click", [ BilibiliData.className.video + " .m-video-season-panel .season-video-item .launch-app-btn", BilibiliData.className.mVideo + " .m-video-season-panel .season-video-item .launch-app-btn", ], ClickCallBack, { capture: true, } ); }, repairLinkJump() { log.info(`修复链接跳转`); let lockFn = new utils.LockFunction(() => { ["a.member-link:not([href])[data-url]", "a.jump-link:not([href])[data-url]"].forEach((selector) => { $$(selector).forEach(($el) => { $el.href = $el.getAttribute("data-url"); }); }); }); utils.mutationObserver(document, { config: { subtree: true, childList: true, }, callback: () => { lockFn.run(); }, }); }, gestureReturnToCloseCommentArea() { log.info("手势返回关闭评论区，全局监听document点击.sub-reply-preview"); domUtils.waitNode("#app").then(($app) => { utils .waitVueByInterval( $app, () => { let vueObj = VueUtils.getVue($app); if (vueObj == null) { return false; } return typeof vueObj?.$router?.options?.scrollBehavior != null; }, 250, 1e4 ) .then((result) => { let appVue = VueUtils.getVue($app); if (!appVue) { log.error("获取#app的vue属性失败"); return; } let oldScrollBehavior = appVue.$router.options.scrollBehavior; appVue.$router.options.scrollBehavior = function (to, from, scrollInfo) { if (to["hash"] === "#/seeCommentReply") { log.info("当前操作为打开评论区，scrollBehavior返回null"); return null; } else if (to["hash"] === "" && from["hash"] === "#/seeCommentReply") { log.info("当前操作为关闭评论区，scrollBehavior返回null"); return null; } return oldScrollBehavior.call(this, ...arguments); }; }); }); domUtils.on(document, "click", ".sub-reply-preview", function (event) { let $app = $("#app"); let appVue = VueUtils.getVue($app); if (!appVue) { log.error("获取#app元素失败"); return; } let hookGestureReturnByVueRouter = BilibiliUtils.hookGestureReturnByVueRouter({ vueInst: appVue, hash: "#/seeCommentReply", callback(isFromPopState) { if (!isFromPopState) { return false; } let $dialogCloseIcon = $(".dialog-close-icon"); if ($dialogCloseIcon) { $dialogCloseIcon.click(); } else { log.error("评论区关闭失败，原因：元素dialog-close-icon获取失败"); } return true; }, }); domUtils.waitNode(".dialog-close-icon").then(($dialogCloseIcon) => { domUtils.on( $dialogCloseIcon, "click", function () { hookGestureReturnByVueRouter.resumeBack(false); }, { capture: true, once: true, } ); }); }); }, enterVideoFullScreen() { domUtils.waitNode(".mplayer-btn-widescreen", 5e3).then(($btnWideScreen) => { if (!$btnWideScreen) { log.error("获取全屏按钮失败"); Qmsg.error("获取全屏按钮失败"); return; } if ($btnWideScreen.closest(".mplayer-wide")) { log.warn("当前的全屏按钮是【退出全屏】，不点击"); return; } log.info(`进入全屏`); $btnWideScreen.click(); }); }, optimizationScroll() { let $mNavBar = null; let $mVideoPlayer = null; let $mVideoInfoNew = null; let $bottomTab = null; let $bottomTabVAffix = null; let videoPlayerMaxHeight = 0; let videoPlayerMaxPaddingTop = 0; function checkNodeIsNull(checkNode) { if (checkNode == null) return false; return !document.contains(checkNode); } domUtils.on( document, "scroll", (event) => { if (checkNodeIsNull($mVideoPlayer)) { $mVideoPlayer = $(".m-video-player"); if (checkNodeIsNull($mVideoPlayer)) { return; } if (videoPlayerMaxHeight == 0) { const videoPlayerRect = $mVideoPlayer.getBoundingClientRect(); videoPlayerMaxHeight = videoPlayerRect.height; videoPlayerMaxPaddingTop = videoPlayerRect.top; log.info(`视频区域的最大高度为 ${videoPlayerMaxHeight}px`); log.info(`视频区域的最大top为 ${videoPlayerMaxPaddingTop}px`); } } if (checkNodeIsNull($mVideoInfoNew)) { $mVideoInfoNew = $(".m-video-info-new"); if (checkNodeIsNull($mVideoInfoNew)) { return; } } if (checkNodeIsNull($mNavBar)) { $mNavBar = $(".m-navbar"); if (checkNodeIsNull($mNavBar)) { return; } } if (checkNodeIsNull($bottomTab)) { $bottomTab = $(".bottom-tab"); if (checkNodeIsNull($bottomTab)) { return; } } if (checkNodeIsNull($bottomTabVAffix)) { $bottomTabVAffix = $(".bottom-tab .v-affix"); if (checkNodeIsNull($bottomTabVAffix)) { return; } } let videoInfoNewTop = $mVideoInfoNew.getBoundingClientRect().top; if (videoInfoNewTop >= 0) { if (videoInfoNewTop <= videoPlayerMaxHeight) { $mVideoPlayer.style.paddingTop = videoInfoNewTop + "px"; } else { $mVideoPlayer.style.paddingTop = ""; } } else { $mVideoPlayer.style.paddingTop = "0px"; } let navbarHeight = domUtils.height($mNavBar); let bottomTabTop = $bottomTab.getBoundingClientRect().top; if (bottomTabTop < navbarHeight) { if ($bottomTabVAffix.hasAttribute("data-is-fixed")); else { $bottomTabVAffix.style.cssText = `position: fixed;left: 0px;top: ${navbarHeight}px;z-index: 10000;width: 100%;`; $bottomTabVAffix.setAttribute("data-is-fixed", "true"); } } else { $bottomTabVAffix.style.cssText = ""; $bottomTabVAffix.removeAttribute("data-is-fixed"); } }, { passive: true, } ); }, disableSwipeTab() { log.info(`禁止滑动切换tab`); VueUtils.waitVuePropToSet(".m-video-bottom-tab", { msg: "等待tab的vue属性touchstart、touchmove、touchend事件，_bindEvents函数", check(vueInstance) { return ( vueInstance?.slider?.el instanceof HTMLElement && typeof vueInstance?.slider?.events?.touchstart === "function" && typeof vueInstance?.slider?.events?.touchmove === "function" && typeof vueInstance?.slider?.events?.touchend === "function" && typeof vueInstance?.slider?._bindEvents === "function" ); }, set(vueInstance) { let $bindTarget = vueInstance.slider.el; $bindTarget.removeEventListener("touchstart", vueInstance.slider.events.touchstart); $bindTarget.removeEventListener("touchmove", vueInstance.slider.events.touchmove); $bindTarget.removeEventListener("touchend", vueInstance.slider.events.touchend); vueInstance.slider._bindEvents = () => {}; log.success(`成功禁用滑动，清除touchstart、touchmove、touchend事件，覆盖_bindEvents函数`); }, }); }, addCommentModule() { log.info(`新增评论模块`); if (!this.$data.isInitCommentModule) { this.$data.isInitCommentModule = true; CommonUtil.setGMResourceCSS(GM_RESOURCE_MAPPING.Viewer); addStyle(MobileCommentModuleStyle); addStyle( ` .comment-container{ position: relative; } .comment-container .reply-header{ position: sticky; top: 0; z-index: 999; left: 0; right: 0; background: #fff; } #comment-module-wrapper{ position: fixed; top: 0; left: 0; z-index: 2000; display: none; width: 100vw; height: 100vh; background-color: #fff; overflow-x: hidden; } .close-comment-module-btn{ position: fixed; right: 20px; bottom: 20px; z-index: 2001; display: none; justify-content: center; align-items: center; width: 40px; height: 40px; color: #fff; border-radius: 100%; background-color: var(--bili-color); } ` ); addStyle( ` .comment-module-show-btn{ display: flex; justify-content: center; align-items: center; margin: 0 12px 20px 12px; height: 40px; color: #fff; border-radius: 4px; background-color: var(--bili-color); } ` ); } domUtils.waitNode(".m-video-info", 1e4).then(($videoInfo) => { if (!$videoInfo) { log.error(`获取视频信息元素失败`); return; } domUtils.remove(".comment-module-show-btn"); domUtils.remove(".close-comment-module-btn"); domUtils.remove("#comment-module-wrapper"); const history_hash = "comment-module"; let gestureBack = new GestureBack({ hash: history_hash, useUrl: true, beforeHistoryBackCallBack(isUrlChange) { let $viewerClose = $(".viewer-button.viewer-close"); if ($viewerClose) { $viewerClose.click(); } if (isUrlChange) { $closeCommentModuleBtn.click(); } }, }); let $commentModuleShowBtn = domUtils.createElement("div", { className: "comment-module-show-btn", innerHTML: `查看评论`, }); let $closeCommentModuleBtn = domUtils.createElement("span", { className: "close-comment-module-btn", innerHTML: "×", }); domUtils.on($commentModuleShowBtn, "click", (event) => { domUtils.preventEvent(event); domUtils.css($commentModuleWrapper, { display: "block" }); domUtils.css($closeCommentModuleBtn, { display: "flex" }); gestureBack.enterGestureBackMode(); }); domUtils.on($closeCommentModuleBtn, "click", (event) => { domUtils.preventEvent(event); domUtils.css($commentModuleWrapper, { display: "" }); domUtils.css($closeCommentModuleBtn, { display: "" }); gestureBack.quitGestureBackMode(false); }); domUtils.append($videoInfo, $commentModuleShowBtn); let $commentModuleWrapper = domUtils.createElement("div", { id: "comment-module-wrapper", }); domUtils.append(document.body, $commentModuleWrapper); domUtils.after($commentModuleWrapper, $closeCommentModuleBtn); MobileCommentModule.init($commentModuleWrapper); }); }, addDescModule() { log.info(`新增简介模块`); if (!this.$data.isInitDescModule) { this.$data.isInitDescModule = true; addStyle( ` ${BilibiliData.className.mVideo} .m-video-info .bottom-wrapper{ flex-direction: column; align-items: flex-start; height: auto; } ` ); addStyle( ` .video-desc-wrapper { color: #9499A0; font-size: 14px; width: 100%; .video-desc-text { margin: 10px 0px; white-space: pre-wrap; } .video-view-info-wrapper { display: flex; align-items: center; justify-content: flex-start; gap: 10px; margin: 5px 0px; .video-info-icon{ display: flex; align-items: center; gap: 2px; } .video-info-text{ display: flex; align-items: center; line-height: 1rem; } } .video-desc-controls-wrapper{ margin: 10px 0px; display: flex; justify-content: space-around; align-items: center; .video-info-icon { display: flex; flex-direction: column; align-items: center; gap: 2px; } } } ` ); } domUtils.remove(BilibiliData.className.mVideo + " .m-video-info .video-desc-wrapper"); VueUtils.waitVuePropToSet(BilibiliData.className.mVideo + " .m-video-info .bottom-wrapper", { check(vueInstance) { return typeof vueInstance?.info?.bvid === "string"; }, set(vueInstance, target) { let info = vueInstance.info; let upInfo = vueInstance.upInfo; upInfo.follower; upInfo.archive_count; let view = info.stat.view; let danmakuCount = info.stat.danmaku; info.ctime; let bvid = info.bvid; let desc = info.desc; let like = info.stat.like; let coin = info.stat.coin; let favorite = info.stat.favorite; let share = info.stat.share; let $descWrapper = domUtils.createElement("div", { className: "video-desc-wrapper", innerHTML: `

${BilibiliUtils.parseCount(view)}

${BilibiliUtils.parseCount(danmakuCount)}

${utils.formatTime(info.ctime * 1e3, "yyyy年MM月dd日 HH:mm:ss")}

${bvid}

${desc}

${BilibiliUtils.parseCount(like)}

${BilibiliUtils.parseCount(coin)}

${BilibiliUtils.parseCount(favorite)}

${BilibiliUtils.parseCount(share)}

`, }); target.appendChild($descWrapper); }, }); }, }; const artPlayerCSS = ".artplayer-container {\n width: 100vw;\n height: 35vh;\n}\n"; const BilibiliOpenApp = { getUrl($ele) { if ($ele == null) { return; } return $ele.getAttribute("universallink"); }, jumpToUrl(event) { let $click = event.target; let $biliOpenApp = $click.querySelector("bili-open-app") || $click.querySelector("m-open-app"); if ($biliOpenApp) { let url = BilibiliOpenApp.getUrl($biliOpenApp); if (url) { BilibiliUtils.goToUrl(url); } else { Qmsg.error("获取bili-open-app的Url失败"); log.error("获取bili-open-app的Url失败"); } } else { Qmsg.error("未获取到元素"); log.error("未获取到元素"); } }, }; const BilibiliLogUtils = { filteringSensitiveSearchParamData(data2) { const sensitiveData = utils.assign({}, data2, true); Reflect.deleteProperty(sensitiveData, "access_key"); Reflect.deleteProperty(sensitiveData, "access_token"); return sensitiveData; }, failToast(data2) { log.error(data2); alert(JSON.stringify(data2, null, 4)); }, }; const BilibiliBangumiApi = { async getPlayUrl(option) { let searchParamsData = { avid: "", cid: "", ep_id: "", qn: 127, fnver: 0, fnval: 16 | 1024 | 2048, fourk: 1, }; searchParamsData = utils.assign(searchParamsData, option); const serverHostList = BilibiliApiProxy.getBangumiProxyHost(); log.info(`番剧播放地址请求数据`); const failReponseJSON = []; let result = void 0; const urlPath = "/pgc/player/web/playurl"; log.info(`请求路径：${urlPath}`); for (let index = 0; index < serverHostList.length; index++) { const serverHostInfo = serverHostList[index]; const serverHost = serverHostInfo.host; const proxyServerSearchParamsData = {}; if (serverHost !== BilibiliApiConfig.web_host) { utils.assign( proxyServerSearchParamsData, BilibiliApiProxy.getBangumiProxySearchParam({ area: serverHostInfo.area, }), true ); log.info(`代理服务器数据: ${JSON.stringify(serverHostInfo)}`); log.info( `代理服务器请求参数：${JSON.stringify( BilibiliLogUtils.filteringSensitiveSearchParamData(proxyServerSearchParamsData) )}` ); } const url = `https://${serverHost}${urlPath}?${utils.toSearchParamsStr( searchParamsData )}&${utils.toSearchParamsStr(proxyServerSearchParamsData)}`; const response = await httpx.get(url, { responseType: "json", fetch: false, allowInterceptConfig: false, headers: { Referer: "https://www.bilibili.com/", }, }); if (!response.status) { log.error(`代理服务器：${serverHost} 请求失败`); continue; } const data2 = utils.toJSON(response.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(data2) || BilibiliApiResponseCheck.isAreaLimit(data2)) { log.error(`请求失败，当前代理服务器：${serverHost} ${JSON.stringify(data2)}`); failReponseJSON.push(data2); continue; } result = data2.result; break; } if (result == null) { BilibiliLogUtils.failToast(failReponseJSON); } return result; }, async getPlayUrlHTML5(option) { let searchParamsData = { avid: "", cid: "", ep_id: "", bsource: "", }; searchParamsData = utils.assign(searchParamsData, option); log.info(`（原版api）番剧播放地址请求数据`); const urlPath = "/pgc/player/web/playurl/html5"; let url = `https://${BilibiliApiConfig.web_host}${urlPath}?${utils.toSearchParamsStr(searchParamsData)}`; let getResponse = await httpx.get(url, { responseType: "json", fetch: true, headers: { Host: "www.bilibili.com", Referer: "https://www.bilibili.com", }, }); if (!getResponse.status) { return; } let responseData = utils.toJSON(getResponse.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(responseData)) { BilibiliLogUtils.failToast(responseData); return; } let responseResult = responseData.result; return responseResult; }, }; const TAG = "[artplayer-plugin-airborneHelper]："; const AirborneHelperEvent = { $data: { tipJumpToastTimeoutId: void 0, tipJumpToastInfo: void 0, successJumpToastInfo: void 0, }, $event: { "video:timeupdate": () => { if (AirborneHelperEvent.$data.tipJumpToastTimeoutId != null) { return; } if (!AirborneHelper.$data.art.playing) { return; } const beforeToastTime = 5; let currentTime = AirborneHelper.$data.art.currentTime; let findIndex = AirborneHelper.$data.option.clip_info_list.findIndex((item) => { let jumpTime = item.start; if (jumpTime === 0) { return currentTime <= 1; } else { return currentTime >= jumpTime - beforeToastTime && currentTime < jumpTime; } }); if (findIndex !== -1) { let toastCloseCallBack = function () { clearTimeout(AirborneHelperEvent.$data.tipJumpToastTimeoutId); AirborneHelperEvent.$data.tipJumpToastTimeoutId = void 0; AirborneHelperEvent.$data.tipJumpToastInfo?.close(); AirborneHelperEvent.$data.tipJumpToastInfo = void 0; AirborneHelper.$data.option.clip_info_list.splice(findIndex, 1); }; let findValue = AirborneHelper.$data.option.clip_info_list[findIndex]; let plugin_toast = AirborneHelper.$data.art.plugins[ArtPlayer_PLUGIN_TOAST_KEY]; let timeout = (findValue.start - currentTime) * 1e3; AirborneHelperEvent.$data.tipJumpToastTimeoutId = setTimeout(() => { AirborneHelper.$data.art.currentTime = findValue.end; AirborneHelperEvent.$data.tipJumpToastTimeoutId = void 0; if (AirborneHelperEvent.$data.successJumpToastInfo) { AirborneHelperEvent.$data.successJumpToastInfo.close(); AirborneHelperEvent.$data.successJumpToastInfo = void 0; } AirborneHelperEvent.$data.successJumpToastInfo = plugin_toast.toast({ text: "空降成功~o(*≧▽≦)ツ┏━┓", closeCallback() { AirborneHelperEvent.$data.successJumpToastInfo = void 0; }, }); }, timeout); if (AirborneHelperEvent.$data.tipJumpToastInfo) { AirborneHelperEvent.$data.tipJumpToastInfo.close(); AirborneHelperEvent.$data.tipJumpToastInfo = void 0; } AirborneHelperEvent.$data.tipJumpToastInfo = plugin_toast.toast({ text: typeof findValue.toastText === "string" ? findValue.toastText : "站稳扶好，准备起飞~", timeout: timeout < 2e3 ? 2e3 : timeout, showCloseBtn: false, jumpText: typeof findValue.toastText === "string" ? "不跳过" : "坠机", jumpClickCallback: () => { toastCloseCallBack(); }, }); setTimeout( () => { if (AirborneHelperEvent.$data.tipJumpToastInfo) { AirborneHelperEvent.$data.tipJumpToastInfo.close(); AirborneHelperEvent.$data.tipJumpToastInfo = void 0; } }, (beforeToastTime + 3) * 1e3 ); } }, }, bind() { Object.keys(this.$event).forEach((eventName) => { AirborneHelper.$data.art.on(eventName, this.$event[eventName]); }); }, unbind() { Object.keys(this.$event).forEach((eventName) => { AirborneHelper.$data.art.off(eventName, this.$event[eventName]); }); clearTimeout(AirborneHelperEvent.$data.tipJumpToastTimeoutId); AirborneHelperEvent.$data.tipJumpToastTimeoutId = void 0; if (AirborneHelperEvent.$data.successJumpToastInfo) { AirborneHelperEvent.$data.successJumpToastInfo.close(); AirborneHelperEvent.$data.successJumpToastInfo = void 0; } if (AirborneHelperEvent.$data.tipJumpToastInfo) { AirborneHelperEvent.$data.tipJumpToastInfo.close(); AirborneHelperEvent.$data.tipJumpToastInfo = void 0; } }, }; const AirborneHelper = { $key: { plugin_KEY: "plugin-airborne-helper", }, $data: { art: null, option: null, }, init(art, option) { this.$data.art = art; this.update(option); }, update(option) { this.$data.option = option; console.log(TAG + "更新配置", option); AirborneHelperEvent.unbind(); if (option.clip_info_list.length) { AirborneHelperEvent.bind(); } }, }; const artplayerPluginAirborneHelper = (option) => { return (art) => { AirborneHelper.init(art, option); return { name: AirborneHelper.$key.plugin_KEY, update(option2) { AirborneHelper.update(option2); }, }; }; }; const ArtPlayer_PLUGIN_AIRBORNE_HELPER_KEY = AirborneHelper.$key.plugin_KEY; const TAG_FLV = "[flvjs]："; const generateBangumiVideoSelectSetting = (option) => { return option.epList.map((item) => { return { isDefault: item.ep_id === option.ep_id && item.aid === option.aid && item.cid === option.cid, title: GenerateArtPlayerEpTitle(item.long_title, item.title), aid: item.aid, bvid: item.bvid, cid: item.cid, ep_id: item.ep_id, onSelect(selectItem, index) { BlibiliBangumiPlayer.updateArtPlayerVideoInfo(item, option.epList); }, }; }); }; const BilibiliBangumiArtPlayer = { $data: { art: null, flv: null, currentOption: null, from: "bangumi", }, resetEnv(isInit) { if (isInit) { Reflect.set(this.$data, "art", null); Reflect.set(this.$data, "flv", null); } Reflect.set(this.$data, "currentOption", null); }, flvPlayer() { if (this.$data.currentOption == null) { console.error(TAG_FLV + "获取当前配置为空"); return; } let flvInfoList = this.$data.currentOption.flvInfo; if (this.$data.flv != null || flvInfoList == null) { this.$data.flv?.detachMediaElement(); this.$data.flv?.destroy(); } let currentOption = this.$data.currentOption; console.log(TAG_FLV + "加载视频", flvInfoList); if (flvInfoList.length > 1) { this.$data.flv = flvjs.createPlayer( { type: "flv", filesize: currentOption.flvTotalSize, duration: currentOption.flvTotalDuration, segments: flvInfoList.map((item) => { return { url: item.url, duration: item.duration, filesize: item.size, }; }), }, { stashInitialSize: 1024 * 100, } ); } else { this.$data.flv = flvjs.createPlayer( { type: "flv", url: flvInfoList[0].url, }, { stashInitialSize: 1024 * 100, } ); } this.$data.flv.attachMediaElement(this.$data.art.video); this.$data.flv.load(); }, async init(option) { this.resetEnv(true); this.$data.currentOption = option; const localArtDanmakuOption_KEY = "artplayer-bangumi-danmaku-option"; const artPlayerDanmakuOptionHelper = new ArtPlayerDanmakuOptionHelper(localArtDanmakuOption_KEY); const localArtDanmakuOption = artPlayerDanmakuOptionHelper.getLocalArtDanmakuOption(); const artOption = { ...ArtPlayerCommonOption(), container: option.container, settings: [], plugins: [ artplayerPluginToast(), artplayPluginQuality({ from: BilibiliBangumiArtPlayer.$data.from, qualityList: option.quality, }), ], }; if (option.isFlv) { if (Array.isArray(artOption.quality)) { artOption.quality.length = 0; } else { artOption.quality = []; } artOption.type = "flv"; if (option.flvInfo.length === 0) { BilibiliLogUtils.failToast("视频播放地址为空，无法播放！"); return; } artOption.url = option.flvInfo[0].url; artOption.customType = { flv: (video, url, art) => { if (!flvjs.isSupported()) { art.notice.show = "Unsupported playback format: flv"; return; } this.flvPlayer(); }, }; } else { artOption.type = "mp4"; } if (Panel.getValue("artplayer-plugin-bangumi-danmaku-enable")) { artOption.plugins.push( artplayerPluginDanmuku({ ...ArtPlayerDanmakuCommonOption(), danmuku: option.danmukuUrl, speed: localArtDanmakuOption.speed, margin: localArtDanmakuOption["margin"], opacity: localArtDanmakuOption["opacity"], modes: localArtDanmakuOption["modes"], fontSize: localArtDanmakuOption["fontSize"], antiOverlap: localArtDanmakuOption["antiOverlap"], synchronousPlayback: localArtDanmakuOption["synchronousPlayback"], visible: localArtDanmakuOption["visible"], beforeEmit(danmu) { return new Promise((resolve) => { console.log(danmu); setTimeout(() => { resolve(true); }, 1e3); }); }, }) ); } if (Panel.getValue("artplayer-plugin-bangumi-m4sAudioSupport-enable")) { artOption.plugins.push( artplayerPluginM4SAudioSupport({ from: BilibiliBangumiArtPlayer.$data.from, audioList: option.audioList || [], }) ); } if (Panel.getValue("artplayer-plugin-bangumi-epChoose-enable")) { artOption.plugins.push( artplayerPluginEpChoose({ EP_LIST: generateBangumiVideoSelectSetting(option), automaticBroadcast: true, }) ); } if (Panel.getValue("artplayer-plugin-bangumi-cc-subtitle-enable")) { artOption.plugins.push( artplayerPluginBilibiliCCSubTitle({ from: BilibiliBangumiArtPlayer.$data.from, cid: option.cid, aid: option.aid, bvid: option.bvid, ep_id: option.ep_id, }) ); } if (Panel.getValue("artplayer-plugin-bangumi-toptoolbar-enable")) { artOption.plugins.push( artplayerPluginTopToolBar({ onlineInfoParams: { aid: option.aid, cid: option.cid, bvid: option.bvid, }, title: option.videoTitle, showWrap: true, showTitle: true, showOnlineTotal: true, }) ); } if (Panel.getValue("artplayer-plugin-bangumi-airborneHelper-enable")) { artOption.plugins.push( artplayerPluginAirborneHelper({ clip_info_list: option.clip_info_list, }) ); } if (Panel.getValue("artplayer-plugin-bangumi-statistics-enable")) { artOption.plugins.push( artplayerPluginVideoStatistics({ data: [], }) ); } this.$data.art = new Artplayer(artOption); artPlayerDanmakuOptionHelper.onConfigChange(this.$data.art); return this.$data.art; }, async update(art, option) { this.resetEnv(false); this.$data.currentOption = option; log.info(`更新新的播放信息`, option); art.pause(); log.info(`暂停视频`); art.currentTime = 0; log.info(`重置播放进度`); this.updatePluginInfo(art, option); art.play(); log.info("播放"); }, updatePluginInfo(art, option) { let plugin_quality = art.plugins[ArtPlayer_PLUGIN_QUALITY_KEY]; plugin_quality.update({ from: BilibiliBangumiArtPlayer.$data.from, qualityList: option.quality, }); log.info(`更新画质`, option.quality); if (Panel.getValue("artplayer-plugin-bangumi-danmaku-enable")) { art.plugins.artplayerPluginDanmuku.config({ danmuku: option.danmukuUrl, }); art.plugins.artplayerPluginDanmuku.load(); log.info(`更新弹幕姬`, option.danmukuUrl); } if (Panel.getValue("artplayer-plugin-bangumi-m4sAudioSupport-enable")) { let plugin_m4sAudioSupport = art.plugins[ArtPlayer_PLUGIN_M4S_AUDIO_SUPPORT_KEY]; plugin_m4sAudioSupport.update({ from: BilibiliBangumiArtPlayer.$data.from, audioList: option.audioList || [], }); log.info(`更新音频`, option.audioList); } if (Panel.getValue("artplayer-plugin-bangumi-epChoose-enable")) { let plugin_epChoose = art.plugins[ArtPlayer_PLUGIN_EP_CHOOSE_KEY]; plugin_epChoose.update({ EP_LIST: generateBangumiVideoSelectSetting(option), automaticBroadcast: true, }); log.info(`更新选集信息`, option.epList); } if (Panel.getValue("artplayer-plugin-bangumi-cc-subtitle-enable")) { let plugin_bilibiliCCSubTitle = art.plugins[ArtPlayer_PLUGIN_BILIBILI_CC_SUBTITLE_KEY]; const subTitleOption = { from: BilibiliBangumiArtPlayer.$data.from, cid: option.cid, aid: option.aid, ep_id: option.ep_id, }; plugin_bilibiliCCSubTitle.update(subTitleOption); log.info(`更新字幕`, subTitleOption); } if (Panel.getValue("artplayer-plugin-bangumi-toptoolbar-enable")) { let plugin_topToolBar = art.plugins[ArtPlayer_PLUGIN_TOP_TOOLBAR_KEY]; const topToolBarOption = { showRight: true, showRightFollow: true, showWrap: true, showTitle: true, showOnlineTotal: true, title: option.videoTitle, onlineInfoParams: { aid: option.aid, cid: option.cid, bvid: option.bvid, }, }; plugin_topToolBar.update(topToolBarOption); log.info(`更新顶部标题`, topToolBarOption); } if (Panel.getValue("artplayer-plugin-bangumi-airborneHelper-enable")) { let plugin_airborneHelper = art.plugins[ArtPlayer_PLUGIN_AIRBORNE_HELPER_KEY]; plugin_airborneHelper.update({ clip_info_list: option.clip_info_list, }); log.info(`更新空降助手信息`, option.clip_info_list); } }, }; const ReactUtils = { async waitReactPropsToSet($el, reactPropNameOrNameList, checkOption) { if (!Array.isArray(reactPropNameOrNameList)) { reactPropNameOrNameList = [reactPropNameOrNameList]; } if (!Array.isArray(checkOption)) { checkOption = [checkOption]; } function getTarget() { let __target__ = null; if (typeof $el === "string") { __target__ = domUtils.selector($el); } else if (typeof $el === "function") { __target__ = $el(); } else if ($el instanceof HTMLElement) { __target__ = $el; } return __target__; } if (typeof $el === "string") { let __$el = await domUtils.waitNode($el, 1e4); if (!__$el) { return; } } checkOption.forEach((option) => { if (typeof option.msg === "string") { log.info(option.msg); } const checkTarget = function () { let $target = getTarget(); if ($target == null) { return { status: false, isTimeout: true, inst: null, $el: $target, }; } const reactInst = utils.getReactInstance($target); if (reactInst == null) { return { status: false, isTimeout: false, inst: null, $el: $target, }; } const findPropNameIndex = Array.from(reactPropNameOrNameList).findIndex((__propName__) => { const reactPropInst2 = reactInst[__propName__]; if (!reactPropInst2) { return false; } const flag = Boolean(option.check(reactPropInst2, $target)); return flag; }); const reactPropName = reactPropNameOrNameList[findPropNameIndex]; const reactPropInst = reactInst[reactPropName]; return { status: findPropNameIndex !== -1, isTimeout: false, inst: reactPropInst, $el: $target, }; }; utils .waitPropertyByInterval( () => { return getTarget(); }, () => checkTarget().status, 250, 1e4 ) .then(() => { const checkTargetResult = checkTarget(); if (checkTargetResult.status) { const reactInst = checkTargetResult.inst; option.set(reactInst, checkTargetResult.$el); } else { if (typeof option.failWait === "function") { option.failWait(checkTargetResult.isTimeout); } } }); }); }, }; function handleDashVideoQualityInfo(dashInfo) { let acceptVideoQualityInfoList = []; dashInfo.video.forEach((dashVideoInfo) => { if (!dashInfo.accept_quality.includes(dashVideoInfo.id)) { return; } let findSupportFormat = dashInfo.support_formats.find((formatsItem) => formatsItem.quality === dashVideoInfo.id); let videoUrl = BilibiliCDNProxy.findBetterCDN( dashVideoInfo.base_url, dashVideoInfo.baseUrl, dashVideoInfo.backup_url, dashVideoInfo.backupUrl ); videoUrl = BilibiliCDNProxy.replaceBangumiVideoCDN(videoUrl); let qualityName = findSupportFormat?.new_description; acceptVideoQualityInfoList.push({ name: qualityName, url: videoUrl, type: dashVideoInfo.mimeType, id: dashVideoInfo.id, size: dashVideoInfo.size, quality: dashVideoInfo.id, vip: Boolean(findSupportFormat?.need_vip), bandwidth: dashVideoInfo.bandwidth, frameRate: dashVideoInfo.frameRate, codecid: dashVideoInfo.codecid, codecs: dashVideoInfo.codecs, }); }); return acceptVideoQualityInfoList; } const GenerateVideoTitle = (ep_id, title) => { return `第${ep_id}话 ${title}`; }; const handleQueryVideoQualityData = (bangumiInfo, userChooseVideoCodingCode) => { let qualityInfoList = []; if (bangumiInfo?.dash?.video?.length) { let dashBangumiInfo = bangumiInfo; qualityInfoList = [ ...handleDashVideoQualityInfo({ accept_quality: dashBangumiInfo.accept_quality, support_formats: dashBangumiInfo.support_formats, video: dashBangumiInfo.dash.video, }), ]; if (qualityInfoList.length === 0) { if (dashBangumiInfo.dash.video.length !== 0) { log.warn( `当前选择的视频编码id为: ${userChooseVideoCodingCode}，但是过滤出的视频没有一个符合的，所以直接放弃使用自定义选择视频编码` ); qualityInfoList = [ ...handleDashVideoQualityInfo({ accept_quality: dashBangumiInfo.accept_quality, support_formats: dashBangumiInfo.support_formats, video: dashBangumiInfo.dash.video, }), ]; } } } else { let mp4BangumiInfo = bangumiInfo; if (mp4BangumiInfo.durls.length === 0) { if (mp4BangumiInfo.durl != null) { mp4BangumiInfo.durls.push({ quality: mp4BangumiInfo.quality, durl: mp4BangumiInfo.durl, }); } } mp4BangumiInfo.durls.forEach((durlInfo) => { if (!mp4BangumiInfo.accept_quality.includes(durlInfo.quality)) { return; } if (!durlInfo.durl.length) { return; } let currentDurl = durlInfo["durl"][0]; let findSupportFormat = bangumiInfo.support_formats.find( (formatsItem) => formatsItem.quality === durlInfo.quality ); let videoUrl = BilibiliCDNProxy.findBetterCDN(currentDurl.url, currentDurl.backup_url); let qualityName = findSupportFormat?.new_description; qualityInfoList.push({ name: qualityName, url: videoUrl, type: "audio/mp4", id: durlInfo.quality, size: currentDurl.size, quality: durlInfo.quality, vip: Boolean(findSupportFormat?.need_vip), bandwidth: 0, frameRate: "", codecid: 0, codecs: "", }); }); } return qualityInfoList; }; const GenerateArtPlayerOption = async (EP_INFO, EP_LIST) => { const { aid, bvid, cid, ep_id, title, long_title } = EP_INFO; log.info(`解析番剧信息 aid:${aid} cid:${cid} ep_id:${ep_id}`); const videoTitle = GenerateVideoTitle(title, long_title); const audioInfo = []; let qualityInfo = []; let clip_info_list = []; let isFlv = false; let flvInfo = []; let flvTotalDuration = 0; let flvTotalSize = 0; if (Panel.getValue("bili-bangumi-unlockAreaLimit")) { const bangumiInfo = await BilibiliBangumiApi.getPlayUrl({ avid: aid, cid, ep_id, }); if (!bangumiInfo) { return; } if (Array.isArray(bangumiInfo?.clip_info_list)) { clip_info_list = bangumiInfo.clip_info_list; } else if (Array.isArray(bangumiInfo?.clip_info)) { clip_info_list = bangumiInfo.clip_info; } if (bangumiInfo.type.toLowerCase() === "flv") { isFlv = true; bangumiInfo.durl.forEach((durlInfo) => { let videoUrl = BilibiliCDNProxy.findBetterCDN(durlInfo.url, durlInfo.backup_url); videoUrl = BilibiliCDNProxy.replaceBangumiVideoCDN(videoUrl); flvTotalDuration += durlInfo.length; flvTotalSize += durlInfo.size; flvInfo.push({ order: durlInfo.order, url: videoUrl, duration: durlInfo.length, length: durlInfo.length, size: durlInfo.size, }); }); } else if (bangumiInfo.type.toLowerCase() === "dash" || bangumiInfo.type.toLowerCase() === "mp4") { (bangumiInfo?.dash?.audio || []).forEach((item) => { let audioUrl = BilibiliCDNProxy.findBetterCDN(item.baseUrl, item.base_url, item.baseUrl, item.backup_url); audioUrl = BilibiliCDNProxy.replaceBangumiVideoCDN(audioUrl); audioInfo.push({ url: audioUrl, id: item.id, size: item.size, text: VideoSoundQualityCode[item.id] || "", bandwidth: item.bandwidth, codecs: item.codecs, mimeType: item.mimeType || item.mime_type, }); }); log.info(`ArtPlayer: 获取的音频信息`, audioInfo); qualityInfo = qualityInfo.concat(handleQueryVideoQualityData(bangumiInfo)); log.info(`ArtPlayer: 获取的视频画质信息`, qualityInfo); } else { BilibiliLogUtils.failToast("暂未适配的视频格式：" + bangumiInfo["format"]); return; } } else { const bangumiInfo = await BilibiliBangumiApi.getPlayUrlHTML5({ avid: aid, cid, ep_id, }); if (!bangumiInfo) { return; } if (Array.isArray(bangumiInfo?.clip_info_list)) { clip_info_list = bangumiInfo.clip_info_list; } else if (Array.isArray(bangumiInfo?.clip_info)) { clip_info_list = bangumiInfo.clip_info; } qualityInfo = qualityInfo.concat(handleQueryVideoQualityData(bangumiInfo)); } const currentVideoQuality = qualityInfo.map((item, index) => { return { html: item.name, url: item.url, quality: item.quality, mimeType: item.type, codecid: item.codecid, codecs: item.codecs, frameRate: item.frameRate, bandwidth: item.bandwidth, }; }); const artPlayerOption = { container: null, epList: EP_LIST, cid, aid, bvid, ep_id, videoTitle, danmukuUrl: `https://api.bilibili.com/x/v1/dm/list.so?oid=${cid}`, quality: currentVideoQuality, clip_info_list, isFlv, flvInfo, flvTotalDuration, flvTotalSize, }; artPlayerOption.url = qualityInfo?.[0]?.url; if (audioInfo.length) { artPlayerOption.audioList = audioInfo.map((item, index) => { return { isDefault: index === 0, url: item.url, soundQualityCode: item.id, soundQualityCodeText: item.text, bandwidth: item.bandwidth, codecs: item.codecs, mimeType: item.mimeType, size: item.size, }; }); } return artPlayerOption; }; const BlibiliBangumiPlayer = { $data: { art: null, }, updateArtPlayerVideoInfo(ep_info, ep_list) { const that = this; ReactUtils.waitReactPropsToSet( BilibiliData.className.bangumi_new + ` [class^="Player_container"]`, "reactFiber", { check(reactInstance) { return ( typeof reactInstance?.return?.memoizedState?.queue?.lastRenderedState?.[0]?.epInfo?.bvid === "string" ); }, async set(reactInstance) { let epInfo = reactInstance?.return?.memoizedState?.queue?.lastRenderedState?.[0]?.epInfo; const $playerWrapper = $("#bilibiliPlayer"); if (ep_info == null) { ep_info = epInfo; } if (ep_list == null) { ep_list = []; let $epList = $(BilibiliData.className.bangumi_new + ` [class^="EpisodeList_episodeListWrap"]`); if ($epList) { let react = utils.getReactInstance($epList); let epList = react?.reactFiber?.return?.memoizedState?.memoizedState?.[0]?.episodes; if (Array.isArray(epList)) { ep_list = epList; } } } const artPlayerOption = await GenerateArtPlayerOption(ep_info, ep_list); if (artPlayerOption == null) { return; } let $artPlayer = $("#artplayer"); if (!$artPlayer) { const $artPlayerContainer = domUtils.createElement("div", { className: "artplayer-container", innerHTML: `

`, }); $artPlayer = $artPlayerContainer.querySelector("#artplayer"); domUtils.after($playerWrapper, $artPlayerContainer); } artPlayerOption.container = $artPlayer; if (that.$data.art == null) { let art = await BilibiliBangumiArtPlayer.init(artPlayerOption); if (art) { that.$data.art = art; } else { return; } that.$data.art.volume = 1; } else { BilibiliBangumiArtPlayer.update(that.$data.art, artPlayerOption); } }, } ); }, }; const BilibiliBangumi = { $data: { art: null, }, init() { Panel.execMenuOnce("bili-bangumi-initialScale", () => { BilibiliUtils.initialScale(); }); Panel.execMenuOnce("bili-bangumi-hook-callApp", () => { this.hookCallApp(); }); Panel.execMenu("bili-bangumi-cover-clicl-event-chooseEp", () => { this.setChooseEpClickEvent(); }); Panel.execMenu("bili-bangumi-cover-clicl-event-other", () => { this.setClickOtherVideo(); }); Panel.execMenu("bili-bangumi-cover-clicl-event-recommend", () => { this.setRecommendClickEvent(); }); this.coverVideoPlayer(); }, hookCallApp() { let oldSetTimeout = _unsafeWindow.setTimeout; _unsafeWindow.setTimeout = function (...args) { let callString = args[0].toString(); if (callString.includes("autoOpenApp")) { log.success("阻止唤醒App", args); return; } return Reflect.apply(oldSetTimeout, this, args); }; }, setChooseEpClickEvent() { domUtils .waitNode(BilibiliData.className.bangumi + " .ep-list-pre-wrapper ul.ep-list-pre-container") .then(($preContainer) => { log.info("覆盖【选集】的点击事件"); domUtils.on( $preContainer, "click", "li.episode-item", function (event) { domUtils.preventEvent(event); BilibiliOpenApp.jumpToUrl(event); }, { capture: true, } ); }); domUtils .waitNode(BilibiliData.className.bangumi + " .ep-list-pre-wrapper ul.season-list-wrapper") .then(($listWapper) => { log.info("覆盖【xx季】的点击事件"); domUtils.on( $listWapper, "click", "li", function (event) { domUtils.preventEvent(event); BilibiliOpenApp.jumpToUrl(event); }, { capture: true, } ); }); domUtils.waitNode(BilibiliData.className.bangumi + " .ep-list-pre-header").then(($preHeader) => { log.info("覆盖【选集】右上角的【全xx话】Arrow的点击事件"); domUtils.on( $preHeader, "click", function (event) { domUtils.preventEvent(event); }, { capture: true, } ); }); domUtils.on( document, "click", [ BilibiliData.className.bangumi_new + ` [class^="EpisodeList_episodeListWrap"] m-open-app[universallink]`, BilibiliData.className.bangumi_new + ` [class^="SeasonList_container"] m-open-app[universallink]`, ], (event, selectorTarget) => { let url = BilibiliOpenApp.getUrl(selectorTarget); if (!url) { Qmsg.error("获取跳转链接失败"); return; } BilibiliUtils.goToUrl(url); }, { capture: true, } ); }, setClickOtherVideo() { domUtils .waitNode(BilibiliData.className.bangumi + " .section-preview-wrapper ul.ep-list-pre-container") .then(($preContainer) => { log.info("覆盖【PV&其他】、【预告】、【主题曲】的点击事件"); domUtils.on( $preContainer, "click", "li.section-preview-item", function (event) { domUtils.preventEvent(event); BilibiliOpenApp.jumpToUrl(event); }, { capture: true, } ); }); domUtils.waitNode(BilibiliData.className.bangumi + " .section-preview-header").then(($previewHeader) => { log.info("覆盖【PV&其他】、【预告】、【主题曲】右上角的Arrow的点击事件"); domUtils.on( $previewHeader, "click", function (event) { domUtils.preventEvent(event); }, { capture: true, } ); }); domUtils.on( document, "click", BilibiliData.className.bangumi_new + ` [class^="SectionPanel_container"] m-open-app[universallink]`, (event, selectorTarget) => { let url = BilibiliOpenApp.getUrl(selectorTarget); if (!url) { Qmsg.error("获取跳转链接失败"); return; } BilibiliUtils.goToUrl(url); }, { capture: true, } ); }, setRecommendClickEvent() { domUtils.waitNode(BilibiliData.className.bangumi + " .recom-wrapper ul.recom-list").then(($recomList) => { log.info("覆盖【更多推荐】番剧的点击事件"); domUtils.on( $recomList, "click", "li.recom-item-v2", function (event) { domUtils.preventEvent(event); BilibiliOpenApp.jumpToUrl(event); }, { capture: true, } ); }); domUtils.on( document, "click", BilibiliData.className.bangumi_new + ` [class^="Footer_container"] m-open-app[universallink]`, (event, selectorTarget) => { let url = BilibiliOpenApp.getUrl(selectorTarget); if (!url) { Qmsg.error("获取跳转链接失败"); return; } BilibiliUtils.goToUrl(url); }, { capture: true, } ); }, coverVideoPlayer() { if ($("#artplayer")) { log.warn("已存在播放器，更新播放信息"); } else { addStyle( ` .player-wrapper, .open-app-bar, ${BilibiliData.className.bangumi_new} [class^="Player_videoWrap"] > div:not(.artplayer-container){ display: none !important; } ${artPlayerCommonCSS} ${artPlayerCSS} .artplayer-container{ height: -webkit-fill-available; height: 100%; } ` ); let controlsPadding = Panel.getValue("bili-bangumi-artplayer-controlsPadding-left-right", 0); if (controlsPadding != 0) { addStyle( ` @media (orientation: landscape) { .art-video-player .art-layers .art-layer-top-wrap, /* 底部 */ .art-video-player .art-bottom{ padding-left: ${controlsPadding}px !important; padding-right: ${controlsPadding}px !important; } /* 锁定图标 */ .art-video-player .art-layer-lock{ --art-lock-left-size: ${controlsPadding}px; } } ` ); } } BlibiliBangumiPlayer.updateArtPlayerVideoInfo(); }, }; const BilibiliSearchApi = { async getSearchInputPlaceholder() { const response = await httpx.get("https://api.bilibili.com/x/web-interface/wbi/search/default", { fetch: true, headers: { accept: "application/json, text/plain, */*", "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6", "cache-control": "no-cache", pragma: "no-cache", "sec-ch-ua": '""', "sec-ch-ua-mobile": "?1", "sec-ch-ua-platform": '""', "sec-fetch-dest": "empty", "sec-fetch-mode": "cors", "sec-fetch-site": "same-site", }, allowInterceptConfig: false, }); if (!response.status) { return; } const data2 = utils.toJSON(response.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) { return; } return data2.data; }, async getBangumiSearchResult(config) { const searchParamsData = { search_type: "media_bangumi", keyword: config.keyword, from_client: "BROWSER", drm_tech_type: "2", module: "bangumi", area: config.area.toLowerCase(), access_key: BilibiliQrCodeLogin.getAccessToken(), }; const url = `https://${config.host}/x/web-interface/search/type?${utils.toSearchParamsStr(searchParamsData)}`; const response = await httpx.get(url, { fetch: false, headers: { "User-Agent": utils.getRandomAndroidUA(), }, }); if (!response.status) { return; } const data2 = utils.toJSON(response.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) { log.error(`请求失败，当前代理服务器信息：${JSON.stringify(config.host)}`); log.error(`请求失败，当前请求的响应信息：${JSON.stringify(data2)}`); return { isSuccess: false, data: data2, }; } return { isSuccess: true, data: data2.data.result, }; }, }; const beautifyCSS = "#app .m-search {\n --card-img-width: 90px;\n --card-img-height: calc(var(--card-img-width) * 1.33);\n --card-desc-color: #808080;\n --card-desc-size: 0.8em;\n --card-badge-item-size: 0.7em;\n --card-badge-item-padding: 0.1em 0.2em;\n --card-badge-item-border-radius: 3px;\n --card-ep-item-border-radius: 4px;\n --card-ep-item-padding-top-bottom: 13px;\n --card-ep-item-padding-left-right: 13px;\n --card-ep-item-badge-padding: 2px;\n}\n.gm-result-panel {\n padding-top: 23.46667vmin;\n background: #f4f4f4;\n}\n.gm-card-cover {\n position: relative;\n}\n.gm-card-cover img {\n width: var(--card-img-width);\n height: var(--card-img-height);\n border-radius: 8px;\n}\n.gm-card-container {\n display: flex;\n gap: 15px;\n}\n\n.gm-card-box {\n padding: 0px 10px;\n}\n\n.gm-card-item em {\n color: var(--bili-color);\n font-style: unset;\n}\n\n.gm-card-title {\n font-family: 微软雅黑;\n font-size: 1em;\n}\n\n.gm-card-display-info,\n.gm-card-styles,\nspan.gm-card-media_score-user_count {\n font-size: var(--card-desc-size);\n color: var(--card-desc-color);\n}\n\n.gm-card-info-container {\n display: flex;\n flex-direction: column;\n gap: 3px;\n justify-content: flex-start;\n}\n.gm-card-info {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\nspan.gm-card-media_score-score {\n color: #f77c2e;\n font-size: 1.2em;\n font-weight: bold;\n}\n\n.gm-card-media_score {\n display: flex;\n align-items: flex-end;\n gap: 0.5em;\n}\n.gm-card-item {\n padding: 1.6vmin;\n background: #fff;\n margin: 10px 0px;\n border-radius: 6px;\n display: flex;\n flex-direction: column;\n gap: 15px;\n overflow: hidden;\n}\n.gm-card-badges {\n background: var(--bili-color);\n color: #fff;\n padding: 3px;\n font-size: 12px;\n border-radius: 3px;\n white-space: nowrap;\n position: absolute;\n top: 5px;\n right: 5px;\n}\n.gm-card-badge-info-item {\n font-size: var(--card-badge-item-size);\n padding: var(--card-badge-item-padding);\n border-radius: var(--card-badge-item-border-radius);\n}\n.gm-card-eps {\n display: flex;\n overflow: auto;\n gap: 10px;\n}\n\n.gm-card-ep-conatiner {\n text-align: center;\n white-space: nowrap;\n padding: var(--card-ep-item-padding-top-bottom) var(--card-ep-item-padding-left-right);\n background: #edeff3;\n border-radius: var(--card-ep-item-border-radius);\n font-size: 14px;\n position: relative;\n}\n\n.gm-card-ep-badges-container {\n position: absolute;\n top: 0;\n right: 0;\n font-size: calc(var(--card-ep-item-padding-top-bottom) - var(--card-ep-item-badge-padding));\n}\n\n.gm-card-ep-badge-top-right {\n border-top-right-radius: var(--card-ep-item-border-radius);\n border-bottom-left-radius: var(--card-ep-item-border-radius);\n padding: var(--card-ep-item-badge-padding);\n}\n.gm-card-ep-info-container {\n min-width: 30px;\n}\n"; const BilibiliExtraSearch = { $flag_css: { enableOtherAreaSearchBangumi: false, }, init() { addStyle(beautifyCSS); domUtils.onReady(() => { Panel.execMenu("bili-search-enableOtherAreaSearchBangumi", () => { this.enableOtherAreaSearchBangumi(); }); }); }, enableOtherAreaSearchBangumi() { if (!this.$flag_css.enableOtherAreaSearchBangumi) { this.$flag_css.enableOtherAreaSearchBangumi = true; addStyle( ` .m-search-result .tabs{ overflow: auto; white-space: nowrap; } .m-search-result .tabs .tab-item{ display: inline-block; height: 8vmin; line-height: 8vmin; color: #757575; font-size: 3.73333vmin; margin-top: 1.86667vmin; padding: 0 2.33vmin; } .m-search-result .tabs .tab-item:first-child{ padding-left: 0; } .m-search-result .tabs .tab-item:last-child{ padding-right: 0; } .m-search-result .tabs .tab-item.on{ color: var(--bili-color); border-bottom: 0.53333vmin solid var(--bili-color); } ` ); } domUtils.waitNode(".m-search-result .tabs:not(:has(.gm-tab-item))").then(($tabs) => { let enableSearchServer = BilibiliApiProxy.getSearchProxyHost(); enableSearchServer.forEach((proxyServerInfo) => { let $tab = domUtils.createElement( "a", { className: "tab-item gm-tab-item", innerHTML: `番剧（${proxyServerInfo.name}）`, }, { "data-area": proxyServerInfo.area, "data-host": proxyServerInfo.host, } ); $tabs.appendChild($tab); }); const refreshTabActive = ($tab) => { $tabs.querySelectorAll(".tab-item").forEach(($ele) => $tab != $ele && $ele.classList.remove("on")); $tab.classList.add("on"); }; domUtils.on($tabs, "click", ".tab-item", async (event) => { let $tab = event.target; refreshTabActive($tab); let $resultPanel = $(".result-panel"); let $oldGmResultPanel = $(".gm-result-panel"); if ($oldGmResultPanel) { $oldGmResultPanel.remove(); domUtils.show($resultPanel); } if (!$tab.classList.contains("gm-tab-item")) { return; } let area = $tab.dataset.area; let host = $tab.dataset.host; let $searchResult = $(".m-search-result"); let searchResultVueIns = VueUtils.getVue($searchResult); searchResultVueIns.switchTab(233); domUtils.hide($resultPanel); let keyword = searchResultVueIns.keyword; let $loading = Qmsg.loading("搜索中，请稍后..."); let searchBangumiResultInfo = await BilibiliSearchApi.getBangumiSearchResult({ keyword, area, host, }); $loading.close(); if (!searchBangumiResultInfo) { return; } if (!searchBangumiResultInfo.isSuccess) { alert(JSON.stringify(searchBangumiResultInfo.data, null, 2)); return; } let searchBangumiResultData = searchBangumiResultInfo.data; log.info("搜索结果：", searchBangumiResultData); let $gmResultPanel = domUtils.createElement("div", { className: "gm-result-panel", innerHTML: `

`, }); let $gmCardBox = $gmResultPanel.querySelector(".gm-card-box"); searchBangumiResultData.forEach((searchBangumiResultItem) => { $gmCardBox.appendChild(this.createSearchResultVideoItem(searchBangumiResultItem)); }); $searchResult.appendChild($gmResultPanel); }); }); }, createSearchResultVideoItem(option) { let $item = domUtils.createElement( "div", { className: "gm-card-item", innerHTML: `

${option.season_type_name}

${option.title}

${option.styles || Reflect.get(option, "style") || Reflect.get(option, "styles_v2") || ""}

`, }, { "data-url": option.url, "data-type": option.type, "data-media_id": option.media_id, "data-pgc_season_id": option.pgc_season_id, "data-is_follow": option.is_follow, "data-is_selection": option.is_selection, } ); Reflect.set($item, "data-option", option); domUtils.on($item, "click", (event) => { domUtils.preventEvent(event); window.open(option.url, "_blank"); }); let $displayInfo = $item.querySelector(".gm-card-display-info"); let totalDisplayInfo = []; if (Array.isArray(option?.display_info)) { totalDisplayInfo = totalDisplayInfo.concat(option.display_info); } if (Array.isArray(option?.badges)) { totalDisplayInfo = totalDisplayInfo.concat(option.badges); } totalDisplayInfo = utils.uniqueArray(totalDisplayInfo, (item) => item.text); totalDisplayInfo.forEach((displayInfo) => { let $displayInfoItem = domUtils.createElement("span", { className: "gm-card-badge-info-item", innerText: displayInfo.text, }); if (typeof displayInfo.border_color === "string") { $displayInfoItem.style.border = `1px solid ${displayInfo.border_color}`; $displayInfoItem.style.color = displayInfo.border_color; } domUtils.append($displayInfo, $displayInfoItem); }); if (option.pubtime) { domUtils.append( $displayInfo, ` ${utils.formatTime(option.pubtime * 1e3, "yyyy")} ` ); } let areas = option.areas || Reflect.get(option, "area"); if (areas) { if ($displayInfo.children.length) { domUtils.append( $displayInfo, ` | ` ); } domUtils.append( $displayInfo, ` ${areas} ` ); } let $mediaScore = $item.querySelector(".gm-card-media_score"); if (option.media_score && option.media_score.user_count) { domUtils.append( $mediaScore, ` ${option.media_score?.score || 0}分 ${option.media_score?.user_count || 0}人参与 ` ); } let $eps = $item.querySelector(".gm-card-eps"); let epsList = [...(option.eps || []), ...(Reflect.get(option, "episodes_new") || [])].filter((item) => utils.isNotNull(item) ); epsList.forEach((epsItem) => { let title = epsItem.title || epsItem.long_title; let url = epsItem.url || Reflect.get(epsItem, "uri"); let $epItem = domUtils.createElement( "div", { className: "gm-card-ep-conatiner", innerHTML: `

${title}

`, }, { "data-id": epsItem.id, "data-url": url, "data-title": title, "data-long_title": epsItem.long_title, } ); let $epBadges = $epItem.querySelector(".gm-card-ep-badges-container"); $epItem.querySelector(".gm-card-ep-info-container"); if (Array.isArray(epsItem.badges) && epsItem.badges.length) { let epItemBadgeInfo = epsItem.badges[0]; let $badge = domUtils.createElement("span", { className: "gm-card-ep-badge-top-right", innerText: epItemBadgeInfo.text, }); if (typeof epItemBadgeInfo.bg_color === "string") { $badge.style.backgroundColor = epItemBadgeInfo.bg_color; } if (typeof epItemBadgeInfo.text_color === "string") { $badge.style.color = epItemBadgeInfo.text_color; } domUtils.append($epBadges, $badge); } domUtils.on($epItem, "click", (event) => { domUtils.preventEvent(event); window.open(url, "_blank"); }); $eps.appendChild($epItem); }); return $item; }, searchBangumi() {}, }; const BilibiliSearchBeautify = { $flag: { mutationSearchResult: false }, init() { this.mutationSearchResult(); }, mutationSearchResult() { if (this.$flag.mutationSearchResult) { return; } this.$flag.mutationSearchResult = true; addStyle( ` .bangumi-list{ padding: 0 10px; } ` ); utils.mutationObserver(document, { config: { subtree: true, childList: true, }, callback: utils.debounce(() => { document.querySelectorAll(".m-search-bangumi-item").forEach(($bangumiItem) => { let vueIns = VueUtils.getVue($bangumiItem); if (!vueIns) { return; } let info = vueIns.info; if (!info) { return; } let $newBangumiItem = BilibiliExtraSearch.createSearchResultVideoItem(info); domUtils.after($bangumiItem, $newBangumiItem); $bangumiItem.remove(); }); }), }); }, }; const BilibiliSearchVueProp = { init() { Panel.execMenuOnce("bili-search-vue-prop-noCallApp", () => { this.noCallApp(); }); Panel.execMenuOnce("bili-search-vue-prop-openAppDialog", () => { this.openAppDialog(); }); }, noCallApp() { let lockFn = new utils.LockFunction(() => { $$(".video-list .card-box > div:not([data-gm-inject-no-call-app])").forEach(($card) => { let vueIns = VueUtils.getVue($card); if (!vueIns) { return; } if (typeof vueIns.noCallApp === "boolean") { Object.defineProperty(vueIns, "noCallApp", { value: true, writable: false, enumerable: true, configurable: true, }); $card.setAttribute("data-gm-inject-no-call-app", "true"); } }); }); utils.mutationObserver(document, { config: { subtree: true, childList: true, }, callback() { lockFn.run(); }, }); }, openAppDialog() { let lockFn = new utils.LockFunction(() => { $$(".video-list .card-box > div:not([data-gm-inject-openAppDialog])").forEach(($card) => { let vueIns = VueUtils.getVue($card); if (!vueIns) { return; } if (typeof vueIns.openAppDialog === "boolean") { Object.defineProperty(vueIns, "openAppDialog", { value: false, writable: false, enumerable: true, configurable: true, }); $card.setAttribute("data-gm-inject-openAppDialog", "true"); } }); }); utils.mutationObserver(document, { config: { subtree: true, childList: true, }, callback() { lockFn.run(); }, }); }, }; const BilibiliSearch = { init() { if (BilibiliRouter.isSearchResult()) { BilibiliExtraSearch.init(); } BilibiliSearchVueProp.init(); Panel.execMenuOnce("bili-search-cover-cancel", () => { this.coverCancel(); }); Panel.execMenu("bili-search-beautifySearchResult", () => { BilibiliSearchBeautify.init(); }); Panel.execMenuOnce("bili-search-cover-card-result-click-event", () => { this.coverCardResultClickEvent(); }); domUtils.onReady(() => { Panel.execMenu("bili-search-inputAutoFocus", () => { this.inputAutoFocus(); }); }); }, coverCancel() { log.info("覆盖【取消】按钮的点击事件"); domUtils.on( document, "click", "a.cancel", (event) => { log.info(`点击取消按钮`); domUtils.preventEvent(event); window.history.back(); }, { capture: true } ); }, inputAutoFocus() { let searchParams = new URLSearchParams(window.location.search); if (searchParams.has("keyword")) { log.warn(`当前在搜索结果页面，不执行输入框自动获取焦点`); return; } log.info(`输入框自动获取焦点`); domUtils.waitNode(`.m-search .m-search-search-bar input[type="search"]`, 1e4).then(($input) => { if (!$input) { log.error("获取输入框失败"); return; } $input.focus(); }); }, coverCardResultClickEvent() { log.info(`覆盖搜索结果点击事件`); domUtils.on( document, "click", ".video-list .card-box > div", (evt, selectorTarget) => { let $card = selectorTarget; let vueIns = VueUtils.getVue($card); if (!vueIns) { return; } let cardClick = vueIns.cardClick; if (typeof cardClick !== "function") { return; } domUtils.preventEvent(evt); cardClick(evt); }, { capture: true, } ); }, }; const BilibiliLiveBlockNode = { init() { Panel.execMenuOnce("bili-live-block-chatRoom", () => { return this.blockChatRoom(); }); Panel.execMenuOnce("bili-live-block-brush-prompt", () => { return this.blockBrushPrompt(); }); Panel.execMenuOnce("bili-live-block-control-panel", () => { return this.blockControlPanel(); }); }, blockChatRoom() { log.info("屏蔽聊天室"); return CommonUtil.addBlockCSS("#chat-items"); }, blockBrushPrompt() { log.info("屏蔽xxx进入直播间"); return CommonUtil.addBlockCSS("#brush-prompt"); }, blockControlPanel() { log.info("屏蔽底部工具栏"); return CommonUtil.addBlockCSS(".control-panel"); }, }; const BilibiliLive = { init() { BilibiliLiveBlockNode.init(); Panel.execMenuOnce("bili-live-prevent-openAppBtn", () => { this.preventOpenAppBtn(); }); }, preventOpenAppBtn() { domUtils.waitNode("body").then(($body) => { log.info("阻止.open-app-btn元素触发点击事件"); domUtils.on( $body, "click", ".open-app-btn", function (event, selectorTarget) { const vueInst = VueUtils.getVue(selectorTarget); if (typeof vueInst?.open === "function") { vueInst.open = function () { log.info(`成功阻止.open-app-btn元素触发点击事件`); }; } }, { capture: true, } ); }); }, }; const BilibiliOpusVariable = { $data: { dispatchCallBackList: [], }, init() { Panel.execMenu("bili-opus-variable-autoOpenApp", () => { this.autoOpenApp(); }); Panel.execMenu("bili-opus-variable-go404", () => { this.go404(); }); Panel.execMenu("bili-opus-variable-handleFallback", () => { this.dispatch((vueInstance, fnName) => { if ( typeof fnName === "string" && fnName === "opus/handleFallback" && ![1, 2].includes(vueInstance.fallback.type) ) { log.success(`禁止调用handleFallback函数前往404`); if ( typeof vueInstance?.showComment === "boolean" && vueInstance.showComment && typeof vueInstance?.initFullComment === "function" ) { vueInstance.initFullComment(); } return false; } }); }); }, isLimit() { log.info(`等待观察并覆盖变量isLimit`); VueUtils.watchVuePropChange( BilibiliData.className.opus, (vueInstance) => vueInstance.isLimit, (vueInstance) => { vueInstance.isLimit = false; log.success(`观察者：覆盖变量isLimit=false`); } ); }, autoOpenApp() { VueUtils.waitVuePropToSet(BilibiliData.className.opus, { msg: "等待覆盖函数autoOpenApp", check(vueInstance) { return typeof vueInstance?.autoOpenApp === "function"; }, set(vueInstance) { log.success(`成功覆盖函数autoOpenApp`); vueInstance.autoOpenApp = function () { log.success(`禁止调用autoOpenApp函数`); }; }, }); }, go404() { VueUtils.waitVuePropToSet(BilibiliData.className.opus, { msg: "等待覆盖函数go404", check(vueInstance) { return typeof vueInstance?.go404 === "function"; }, set(vueInstance) { log.success(`成功覆盖函数go404`); vueInstance.go404 = function () { log.success(`禁止调用go404函数`); }; }, }); }, fallback() { VueUtils.waitVuePropToSet(BilibiliData.className.opus, { msg: "等待覆盖对象fallback", check(vueInstance) { return typeof vueInstance?.fallback?.type === "number"; }, set(vueInstance) { log.success(`成功覆盖对象fallback`); vueInstance.$watch( () => vueInstance?.fallback, () => { vueInstance.fallback = null; log.success(`覆盖对象fallback`); }, { deep: true, immediate: true, } ); }, }); }, dispatch(callback) { let callbackStr = callback.toString(); for (let index = 0; index < this.$data.dispatchCallBackList.length; index++) { const fn = this.$data.dispatchCallBackList[index]; if (fn.toString() === callbackStr) { return; } } log.info(`添加dispatch回调判断`); this.$data.dispatchCallBackList.push(callback); if (this.$data.dispatchCallBackList.length > 1) { return; } const that = this; VueUtils.waitVuePropToSet(BilibiliData.className.opus, { msg: "等待覆盖函数dispatch", check(vueInstance) { return typeof vueInstance?.$store?.dispatch === "function"; }, set(vueInstance) { log.success(`成功覆盖函数dispatch`); let originDispatch = vueInstance.$store.dispatch; vueInstance.$store.dispatch = function (...args) { let fnName = args[0]; for (let index = 0; index < that.$data.dispatchCallBackList.length; index++) { const fn = that.$data.dispatchCallBackList[index]; if (typeof fn === "function") { let result = fn(vueInstance, fnName); if (typeof result === "boolean" && !result) { return; } } } return Reflect.apply(originDispatch, this, args); }; }, }); }, }; const BilibiliOpus = { init() { BilibiliOpusVariable.init(); Panel.execMenuOnce("bili-opus-cover-topicJump", () => { this.coverTopicJump(); }); Panel.execMenuOnce("bili-opus-automaticallyExpandToReadFullText", () => { BilibiliOpusVariable.isLimit(); return this.automaticallyExpandToReadFullText(); }); Panel.execMenuOnce("bili-opus-cover-header", () => { this.coverHeaderJump(); }); }, coverTopicJump() { log.info("覆盖话题跳转点击事件"); domUtils.on( document, "click", BilibiliData.className.opus + " .launch-app-btn.opus-module-topic", function (event) { let $click = event.target; let vueObj = VueUtils.getVue($click); if (!vueObj) { Qmsg.error("获取话题的__vue__失败"); return; } let data2 = vueObj?.$props?.data; let jump_url = data2?.jump_url; if (utils.isNull(jump_url)) { Qmsg.error("获取话题的jump_url失败"); return; } log.info("话题的跳转信息: ", data2); BilibiliUtils.goToUrl(jump_url); }, { capture: true, } ); }, automaticallyExpandToReadFullText() { log.info("自动展开阅读全文"); let result = [ CommonUtil.addBlockCSS(BilibiliData.className.opus + " .opus-read-more"), addStyle( ` ${BilibiliData.className.opus} .opus-module-content{ overflow: unset !important; max-height: unset !important; } ` ), ]; return result; }, coverHeaderJump() { log.info("覆盖header点击事件"); domUtils.on( document, "click", BilibiliData.className.opus + " .opus-module-author", function (event) { domUtils.preventEvent(event); let $click = event.target; let vueObj = VueUtils.getVue($click); if (!vueObj) { Qmsg.error("获取vue属性失败"); return; } let mid = vueObj?.data?.mid; if (!mid) { Qmsg.error("获取mid失败"); return; } BilibiliUtils.goToUrl(BilibiliUrl.getUserSpaceUrl(mid)); }, { capture: true, } ); }, }; const BilibiliDynamic = { init() { Panel.execMenuOnce("bili-dynamic-cover-topicJump", () => { this.coverTopicJump(); }); Panel.execMenuOnce("bili-dynamic-cover-atJump", () => { this.coverAtJump(); }); Panel.execMenuOnce("bili-dynamic-cover-referenceJump", () => { this.coverReferenceJump(); }); Panel.execMenuOnce("bili-dynamic-cover-header", () => { this.coverHeaderJump(); }); }, coverHeaderJump() { log.info("覆盖header点击事件"); domUtils.on( document, "click", BilibiliData.className.dynamic + " .launch-app-btn .dyn-header", function (event) { domUtils.preventEvent(event); let $click = event.target; let vueObj = VueUtils.getVue($click); if (!vueObj) { Qmsg.error("获取vue属性失败"); return; } let url = vueObj.url; if (!url) { Qmsg.error("获取url失败"); return; } BilibiliUtils.goToUrl(url); }, { capture: true, } ); }, coverTopicJump() { log.info("覆盖话题跳转点击事件"); domUtils.on( document, "click", BilibiliData.className.dynamic + " .launch-app-btn .bili-dyn-topic", function (event) { domUtils.preventEvent(event); let $click = event.target; let vueObj = VueUtils.getVue($click); if (!vueObj) { Qmsg.error("获取vue属性失败"); return; } let data2 = vueObj?.$props?.data; let jump_url = data2?.jump_url; if (utils.isNull(jump_url)) { Qmsg.error("获取jump_url失败"); return; } log.info("话题的跳转信息: ", data2); BilibiliUtils.goToUrl(jump_url); }, { capture: true, } ); }, coverAtJump() { log.info("覆盖@ 跳转"); domUtils.on( document, "click", BilibiliData.className.dynamic + " .at", function (event) { domUtils.preventEvent(event); let $click = event.target; let oid = $click.getAttribute("data-oid") || VueUtils.getVue($click)?.$props?.rid; if (utils.isNull(oid)) { Qmsg.error("获取data-oid或rid失败"); return; } log.info("用户的oid: " + oid); BilibiliUtils.goToUrl(BilibiliUrl.getUserSpaceDynamicUrl(oid)); }, { capture: true, } ); }, coverReferenceJump() { log.info("覆盖引用的点击事件"); domUtils.on( document, "click", BilibiliData.className.dynamic + " .dyn-content .reference .dyn-orig-author", function (event) { domUtils.preventEvent(event); let $click = event.target; let url = $click.getAttribute("data-url"); if (!url) { Qmsg.error("获取data-url失败"); return; } BilibiliUtils.goToUrl(url); }, { capture: true, } ); domUtils.on( document, "click", BilibiliData.className.dynamic + " .dyn-content .reference .dyn-archive", function (event) { domUtils.preventEvent(event); let $click = event.target; let vueObj = VueUtils.getVue($click); if (!vueObj) { Qmsg.error("获取vue属性失败"); return; } let jump_url = vueObj?.data?.jump_url; if (utils.isNull(jump_url)) { Qmsg.error("获取jump_url失败"); return; } BilibiliUtils.goToUrl(jump_url); }, { capture: true, } ); }, }; const BilibiliHook = { $isHook: { windowPlayerAgent: false, hookWebpackJsonp_openApp: false, overRideLaunchAppBtn_Vue_openApp: false, overRideBiliOpenApp: false, overRideWxTaghandleClick: false, }, $data: { setTimeout: [], }, windowWebPack(webpackName = "webpackJsonp", mainCoreData, checkCallBack) { let originObject = void 0; OriginPrototype.Object.defineProperty(_unsafeWindow, webpackName, { get() { return originObject; }, set(newValue) { log.success("成功劫持webpack，当前webpack名：" + webpackName); originObject = newValue; const originPush = originObject.push; originObject.push = function (...args) { let _mainCoreData = args[0][0]; if ( mainCoreData == _mainCoreData || (Array.isArray(mainCoreData) && Array.isArray(_mainCoreData) && JSON.stringify(mainCoreData) === JSON.stringify(_mainCoreData)) ) { Object.keys(args[0][1]).forEach((keyName) => { let originSwitchFunc = args[0][1][keyName]; args[0][1][keyName] = function (..._args) { let result = originSwitchFunc.call(this, ..._args); _args[0] = checkCallBack(_args[0]); return result; }; }); } return originPush.call(this, ...args); }; }, }); }, setTimeout(matchStr) { this.$data.setTimeout.push(matchStr); if (this.$data.setTimeout.length > 1) { log.info("window.setTimeout hook新增劫持判断参数：" + matchStr); return; } _unsafeWindow.setTimeout = function (...args) { let callBackString = args[0].toString(); if (callBackString.match(matchStr)) { log.success("劫持setTimeout的函数", callBackString); return; } return OriginPrototype.setTimeout.apply(this, args); }; }, overRideLaunchAppBtn_Vue_openApp() { if (this.$isHook.overRideLaunchAppBtn_Vue_openApp) { return; } this.$isHook.overRideLaunchAppBtn_Vue_openApp = true; function overrideOpenApp(vueObj) { if (typeof vueObj.openApp !== "function") { return; } let openAppStr = vueObj.openApp.toString(); if (openAppStr.includes("阻止唤醒App")) { return; } vueObj.openApp = function (...args) { log.success("openApp：阻止唤醒App", args); }; } utils.mutationObserver(document, { config: { subtree: true, childList: true, attributes: true, }, immediate: true, callback() { $$(".launch-app-btn").forEach(($launchAppBtn) => { let vueObj = VueUtils.getVue($launchAppBtn); if (!vueObj) { return; } overrideOpenApp(vueObj); if (vueObj.$children && vueObj.$children.length) { vueObj.$children.forEach(($child) => { overrideOpenApp($child); }); } }); }, }); }, overRideBiliOpenApp() { if (this.$isHook.overRideBiliOpenApp) { return; } this.$isHook.overRideBiliOpenApp = true; utils.mutationObserver(document, { config: { subtree: true, childList: true, attributes: true, }, immediate: true, callback() { [...Array.from($$("bili-open-app")), ...Array.from($$("m-open-app"))].forEach(($biliOpenApp) => { if ($biliOpenApp.hasAttribute("data-inject-opener-open")) { return; } let opener = Reflect.get($biliOpenApp, "opener"); if (opener == null) { return; } let originOpen = opener?.open; if (typeof originOpen === "function") { Reflect.set(opener, "open", (config) => { log.success(`拦截bili-open-app.open跳转: ${JSON.stringify(config)}`); if (typeof config?.universalLink === "string") { BilibiliUtils.goToUrl(config.universalLink); } }); $biliOpenApp.setAttribute("data-inject-opener-open", "true"); } }); }, }); }, overRideWxTaghandleClick() { if (this.$isHook.overRideWxTaghandleClick) { return; } this.$isHook.overRideWxTaghandleClick = true; utils.mutationObserver(document, { config: { subtree: true, childList: true, attributes: true, }, immediate: true, callback() { [...Array.from($$(".wx-tag"))].forEach(($el) => { if ($el.hasAttribute("data-inject-vueins-handle-click")) { return; } let vueIns = VueUtils.getVue($el); if (vueIns) { if (typeof vueIns?.handleClick === "function") { vueIns.handleClick = function () { if (typeof vueIns["goToVideo"] === "function") { vueIns.goToVideo(); } else { Qmsg.error(".wx-tag不存在goToVideo函数", { consoleLogContent: true, }); } }; $el.setAttribute("data-inject-vueins-handle-click", "true"); } if ( Array.isArray(vueIns?.$children) && vueIns.$children.length && typeof vueIns.$children[0].handleClick === "function" ) { vueIns.$children[0].handleClick = vueIns.handleClick; } } }); }, }); }, }; const BilibiliRecommendCSS = '#app .m-head .m-recommend-view {\n display: none;\n}\n\n#app .m-head .suspension .channel-menu:has(.recommend-tag.is-avtive) .v-switcher__header__anchor {\n display: none !important;\n}\n#app .m-head .suspension .channel-menu:has(.recommend-tag.is-avtive) a.v-switcher__header__tabs__item {\n color: #505050 !important;\n}\n#app .m-head .suspension .channel-menu:has(.recommend-tag.is-avtive) a.recommend-tag {\n color: var(--bili-color) !important;\n}\n#app .m-head .suspension .channel-menu:has(.recommend-tag.is-avtive) a.recommend-tag span:after {\n content: " ";\n position: relative;\n background: var(--bili-color);\n width: 30.4375px;\n height: 0.53333vmin;\n display: block;\n bottom: 3px;\n}\n\n#app .m-head:has(.recommend-tag.is-avtive) .suspension + div {\n display: none;\n}\n#app .m-head:has(.recommend-tag.is-avtive) .m-recommend-view {\n display: unset;\n}\n\n#app .m-head .m-recommend-view {\n background-color: #f0f1f3;\n}\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list {\n padding: 0 1.33333vmin;\n margin-bottom: 5.33333vmin;\n}\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list .card-box {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list .card-box .v-card .card {\n position: relative;\n}\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list .card-box .v-card .card .bfs-img-wrap {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n#app\n .m-head\n .m-recommend-view\n .list-view\n .video-list-box\n .video-list\n .card-box\n .v-card\n .card\n .bfs-img-wrap\n .bfs-img.b-img {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: hidden;\n background: transparent;\n}\n#app\n .m-head\n .m-recommend-view\n .list-view\n .video-list-box\n .video-list\n .card-box\n .v-card\n .card\n .bfs-img-wrap\n .bfs-img.b-img\n picture.b-img__inner {\n display: block;\n width: 100%;\n height: 100%;\n}\n#app\n .m-head\n .m-recommend-view\n .list-view\n .video-list-box\n .video-list\n .card-box\n .v-card\n .card\n .bfs-img-wrap\n .bfs-img.b-img\n picture.b-img__inner\n img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list .card-box .v-card .card .count {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n font-size: 3.2vmin;\n padding: 1.33333vmin 1.6vmin;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: justify;\n -ms-flex-pack: justify;\n justify-content: space-between;\n color: #fff;\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.85), transparent);\n}\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list .card-box .v-card .title {\n font-size: 3.2vmin;\n color: #212121;\n margin-top: 1.6vmin;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n#app\n .m-head\n .m-recommend-view\n .list-view\n .video-list-box\n .video-list\n .card-box\n .v-card\n .gm-up-info\n .gm-up-name\n .gm-picture-text {\n padding: 1px 4px;\n border: 1px solid var(--bili-color);\n color: var(--bili-color);\n border-radius: 2px;\n margin-right: 4px;\n font-size: 2vmin;\n}\n\n#app .m-head .m-recommend-view .list-view .video-list-box .video-list .card-box .v-card .count > span {\n display: flex;\n align-items: center;\n gap: 1.33333vmin;\n}\n'; const XOR_CODE = 23442827791579n; const MAX_AID = 1n << 51n; const BASE = 58n; const data = "FcwAPNKTMug3GV5Lj7EJnHpWsx4tb8haYeviqBz6rkCy12mUSDQX9RdoZf"; function av2bv(aid) { const bytes = ["B", "V", "1", "0", "0", "0", "0", "0", "0", "0", "0", "0"]; let bvIndex = bytes.length - 1; let tmp = (MAX_AID | BigInt(aid)) ^ XOR_CODE; while (tmp > 0) { bytes[bvIndex] = data[Number(tmp % BigInt(BASE))]; tmp = tmp / BASE; bvIndex -= 1; } [bytes[3], bytes[9]] = [bytes[9], bytes[3]]; [bytes[4], bytes[7]] = [bytes[7], bytes[4]]; return bytes.join(""); } const fixCover = (url) => { if (url.startsWith("http://")) { url = url.replace(/^http/, "https"); } return url; }; const BilibiliRecommend = { $flag: { isInitCSS: false, isLoadingNextPage: false, }, $data: { intersectionObserver: null, loadNums: 0, }, $ele: { $listView: null, $videoListBox: null, $videoList: null, $cardBox: null, $listViewShim: null, }, $cardGoto: { av: "av", picture: "picture", }, init() { this.setCSS(); domUtils.onReady(() => { this.addRecommendTag(); }); }, setCSS() { if (this.$flag.isInitCSS) { return; } this.$flag.isInitCSS = true; addStyle(BilibiliRecommendCSS); }, reset() { log.info("重置状态"); this.$flag.isLoadingNextPage = false; this.removeScrollEvent(); Object.keys(this.$ele).forEach((key) => { this.$ele[key] = null; }); }, addRecommendTag() { if ($(".channel-menu a.recommend-tag")) { return; } let $vSwitcher = $(".channel-menu .v-switcher"); if (!$vSwitcher) { log.error("添加推荐标签失败，原因：.channel-menu .v-switcher不存在"); Qmsg.error("添加推荐标签失败，原因：.channel-menu .v-switcher不存在"); return; } let $recommendTag = domUtils.createElement( "a", { className: "v-switcher__header__tabs__item recommend-tag", innerHTML: "推荐", }, { href: "javascript:;", } ); let $recommendView = domUtils.createElement("div", { className: "m-recommend-view", innerHTML: `

`, }); this.$ele.$listView = $recommendView.querySelector(".list-view"); this.$ele.$videoListBox = $recommendView.querySelector(".video-list-box"); this.$ele.$videoList = $recommendView.querySelector(".video-list"); this.$ele.$cardBox = $recommendView.querySelector(".card-box"); this.$ele.$listViewShim = $recommendView.querySelector(".list-view__shim"); this.$ele.$listViewShim.style.cssText = `z-index:-1;user-select:none;pointer-events:none;background:transparent;left:0;bottom:0;width:100%;height:200px;`; let $myHead = document.querySelector("#app .m-head"); if ($myHead) { $myHead.appendChild($recommendView); } domUtils.on($recommendTag, "click", (event) => { domUtils.preventEvent(event); $recommendTag.classList.add("is-avtive"); this.recommendClickEvent(); }); domUtils.on( $vSwitcher, "click", () => { $recommendTag.classList.remove("is-avtive"); }, { capture: true, } ); domUtils.on(this.$ele.$cardBox, "click", ".v-card", (event) => { domUtils.preventEvent(event); let $click = event.target; window.open($click.href, "_blank"); }); domUtils.before($vSwitcher, $recommendTag); this.setScrollEvent(); if (window.location.hash === "#/recommend/") { log.info("当前hash为推荐视频，出动触发"); $recommendTag.click(); } }, async recommendClickEvent() { BilibiliUtils.goToUrl("#/recommend/", true); }, setScrollEvent() { log.success("推荐视频监听滚动: IntersectionObserver"); this.$data.intersectionObserver = new IntersectionObserver( async (entries) => { if (!this.$flag.isLoadingNextPage && entries[0].isIntersecting) { this.$flag.isLoadingNextPage = true; let flag = await this.scrollEvent(); this.$flag.isLoadingNextPage = false; if (this.$data.loadNums <= 1 && flag) { domUtils.hide(this.$ele.$listViewShim, false); await utils.sleep(500); domUtils.show(this.$ele.$listViewShim, false); } else { domUtils.show(this.$ele.$listViewShim, false); } } }, { threshold: 0, rootMargin: "0px 0px 0px 0px" } ); this.$data.intersectionObserver.observe(this.$ele.$listViewShim); }, removeScrollEvent() { this.$data.intersectionObserver?.disconnect(); this.$data.intersectionObserver = null; }, async scrollEvent() { let videoInfo = await this.getRecommendVideoInfo(); if (!videoInfo) { return false; } log.success("获取推荐视频信息", videoInfo); let $fragment = document.createDocumentFragment(); let allowLoadPictureCard = Panel.getValue("bili-head-recommend-push-graphic"); videoInfo.forEach((videoInfoItem) => { let $ele = null; if (videoInfoItem.goto === this.$cardGoto.av) { $ele = this.getRecommendItemAVElement(videoInfoItem); } else if (videoInfoItem.goto === this.$cardGoto.picture) { if (allowLoadPictureCard) { $ele = this.getRecommendItemPictureElement(videoInfoItem); } else { return; } } else { log.error("该goto暂未适配", videoInfoItem); return; } $fragment.appendChild($ele); }); this.$ele.$cardBox.appendChild($fragment); this.$data.loadNums++; return true; }, async getRecommendVideoInfo() { let getData = { appkey: AppKeyInfo.ios.appkey, access_key: BilibiliQrCodeLogin.getAccessTokenInfo()?.access_token || "", }; let Api = "https://app.bilibili.com/x/v2/feed/index"; let getResp = await httpx.get(Api + "?" + utils.toSearchParamsStr(getData), { headers: { "Content-Type": "application/x-www-form-urlencoded", }, }); if (!getResp.status) { return; } let data2 = utils.toJSON(getResp.data.responseText); if (!BilibiliApiResponseCheck.isWebApiSuccess(data2)) { Qmsg.error(data2["message"]); return; } return data2.data.items; }, getRecommendItemPictureElement(data2) { let goto = data2.goto; let param = data2.param; let url = "/opus/" + param; let upName = data2.args.up_name; let title = data2.title; let cover = fixCover(data2.cover); let likeCount = data2.cover_left_text_1; let $vCard = domUtils.createElement( "a", { className: "v-card", href: url, innerHTML: `

${likeCount}

${title}

图文

${upName}

`, }, { "data-param": param, "data-title": title, "data-goto": goto, } ); $vCard["data-picture"] = data2; return $vCard; }, getRecommendItemAVElement(data2) { let goto = data2.goto; let aid = data2?.player_args?.aid || data2.args.aid; let bvid = av2bv(aid); let url = "/video/" + bvid; let upName = data2.args.up_name; let title = data2.title; let cover = fixCover(data2.cover); let playCount = data2.cover_left_text_1; let commentCount = data2.cover_left_text_2; let videoTime = data2.cover_right_text; let $vCard = domUtils.createElement( "a", { className: "v-card", href: url, innerHTML: `

${playCount} ${commentCount} ${videoTime}

${title}

${upName}

`, }, { "data-aid": aid, "data-title": title, "data-goto": goto, } ); $vCard["data-video"] = data2; return $vCard; }, }; const BilibiliHead = { $flag: { isInit_reconfigurationTinyAppSettingButton: false, isInit_beautifyTopNavBar_css: false, }, init() { Panel.execMenuOnce("bili-head-supplementaryVideoStreamingInformation", () => { this.addVideoListUPInfo(); }); Panel.execMenu("bili-head-recommend-enable", () => { BilibiliRecommend.init(); }); }, addVideoListUPInfo() { log.info("添加视频列表UP主信息"); addStyle( ` ${BilibiliData.className.head} .video-list .card-box .gm-up-info { display: flex; justify-content: space-between; align-items: center; margin: var(--pd-width); } ${BilibiliData.className.head} .video-list .card-box .gm-up-info .gm-up-name { display: flex; align-items: center; font-size: 3vmin; color: #999A9E; } ${BilibiliData.className.head} .video-list .card-box .gm-up-info .gm-up-name svg { margin-right: calc(var(--pd-width) / 2); width: 3vmin; height: 3vmin; } ${BilibiliData.className.head} .gm-video-duration{ margin: 0 auto; } ` ); domUtils.waitNode(BilibiliData.className.head + " .video-list .card-box").then(() => { let lockFunc = new utils.LockFunction(() => { $$(BilibiliData.className.head + " .video-list .card-box .v-card").forEach(($vcard) => { let vueObj = VueUtils.getVue($vcard); let upName = vueObj?.info?.author?.name || vueObj?.info?.owner?.name; let duration = vueObj?.info?.duration; if (upName && !$vcard.querySelector(".gm-up-info")) { let $upInfo = document.createElement("div"); $upInfo.innerHTML = `

${upName}

`; $upInfo.className = "gm-up-info"; $vcard.appendChild($upInfo); } if (duration) { let $count = $vcard.querySelector(".count"); if ($count && !$count.querySelector(".gm-video-duration")) { let showDuration = typeof duration === "string" ? duration : BilibiliUtils.parseDuration(duration); let $duration = document.createElement("span"); $duration.className = "gm-video-duration"; $duration.innerHTML = showDuration; $count.appendChild($duration); } } }); }, 25); utils.mutationObserver(document.body, { config: { subtree: true, childList: true, attributes: true, }, callback() { lockFunc.run(); }, }); }); }, async reconfigurationTinyAppSettingButton() { log.info(`重构tinyApp右上角的设置按钮图标`); if (!this.$flag.isInit_reconfigurationTinyAppSettingButton) { this.$flag.isInit_reconfigurationTinyAppSettingButton = true; addStyle( ` .nav-bar .right{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gm-face{ width: 6.4vmin; height: 6.4vmin; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 3.2vmin; border-radius: 3.2vmin; overflow: hidden; } .gm-face-avatar{ width: 100%; height: 100%; overflow: hidden; } .gm-face-avatar img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } ` ); } let $iconConfig = await domUtils.waitNode(".nav-bar .icon-config", 1e4); if (!$iconConfig) { log.error("未找到设置按钮图标，无法重构"); return; } $iconConfig.outerHTML = `

`; let isLogin = false; let uid = null; let $gmFace = $(".gm-face"); let $img = $gmFace.querySelector("img"); VueUtils.waitVuePropToSet("#app", [ { check(vueIns) { return typeof vueIns?.$store?.state?.common?.userInfo?.isLogin === "boolean"; }, set(vueIns) { let userInfo = vueIns?.$store?.state?.common?.userInfo; isLogin = userInfo?.isLogin; if (isLogin) { uid = userInfo?.mid; if (uid == null) { log.warn(`当前是脚本设置的isLogin但其实未登录账号`); isLogin = false; return; } userInfo?.uname; $img.src = userInfo?.face || $img.src; } else { log.warn(`经检测，Bilibili尚未登录账号`); } }, }, ]); domUtils.on($gmFace, "click", (event) => { domUtils.preventEvent(event); if (isLogin) { if (uid != null) { let url = BilibiliUrl.getUserSpaceUrl(uid); BilibiliUtils.goToUrl(url, false); } else { Qmsg.error("获取用户id失败"); } } else { BilibiliUtils.goToLogin(window.location.href); } }); }, beautifyTopNavBar() { log.info(`美化顶部navbar`); if (!this.$flag.isInit_beautifyTopNavBar_css) { this.$flag.isInit_beautifyTopNavBar_css = true; addStyle( ` /* 隐藏logo */ .${BilibiliData.className.head} .m-navbar .logo, /* 隐藏原有的搜索图标 */ .${BilibiliData.className.head} .m-navbar .icon-search{ display: none !important; } /* 设置右侧的宽度撑开、逆反 */ .${BilibiliData.className.head} .m-navbar .right{ width: 100%; display: flex; flex-direction: row-reverse; justify-content: flex-end; } /* 头像 */ .${BilibiliData.className.head} .m-navbar .gm-face{ flex: 0 auto; margin-top: 1.86667vmin; } /* 新的输入框 */ .${BilibiliData.className.head} .m-navbar .gm-input-area{ flex: 1; margin-top: 1.86667vmin; height: 8vmin; line-height: 8vmin; padding: 0 3.2vmin; background: #f4f4f4; border-radius: 4.53333vmin; display: flex; } /* 输入框前面的搜索图标 */ .${BilibiliData.className.head} .m-navbar .gm-input-area .ic_search_tab{ color: #a0a0a0; vertical-align: middle; font-size: 4.33333vmin; } /* 输入框内容 */ .${BilibiliData.className.head} .m-navbar .gm-input-area input[type="search"]{ font-size: 3.46667vmin; color: #505050; border: none; background: transparent; width: 61.33333vmin; user-select: none !important;!i;!; padding-left: 2.122vmin; pointer-events: none; } /* 调整首页顶部搜索框的样式 */ .${BilibiliData.className.head} .m-navbar .right .search { border: 1px solid #ccc; width: 100% !important; height: auto !important; border-radius: 1rem; display: flex; align-items: center; padding: 2px 6px; } ` ); } domUtils.waitNode(".m-head .m-navbar .icon-search", 1e4).then(async ($iconSearch) => { if (!$iconSearch) { return; } if ($iconSearch.parentElement.querySelector(".gm-input-area")) { return; } let $inputAreaContainer = domUtils.createElement("div", { className: "gm-input-area", innerHTML: ` `, }); let $input = $inputAreaContainer.querySelector("input"); domUtils.on($inputAreaContainer, "click", (event) => { domUtils.preventEvent(event); BilibiliUtils.goToUrl("/search", true); }); domUtils.after($iconSearch, $inputAreaContainer); let hotWordInfo = await BilibiliSearchApi.getSearchInputPlaceholder(); if (hotWordInfo != null) { log.info(`热点信息：`, hotWordInfo); $input.placeholder = hotWordInfo.show_name || hotWordInfo.name; } }); }, }; const BilibiliReadMobile = { init() { this.removeAds(); Panel.onceExec("bili-pc-read-mobile-autoExpand", () => { return this.autoExpand(); }); }, removeAds() { CommonUtil.addBlockCSS("body>.h5-download-bar"); }, autoExpand() { log.info("自动展开"); return [ addStyle( ` ${BilibiliPCData.className.read.mobile} .limit{ overflow: unset !important; max-height: unset !important; }` ), CommonUtil.addBlockCSS(BilibiliPCData.className.read.mobile + " .read-more"), ]; }, }; const BilibiliSpace = { init() { Panel.execMenuOnce("bili-space-repairRealJump", () => { this.repairRealJump(); }); Panel.execMenuOnce("bili-space-coverDynamicStateCardVideo", () => { this.coverDynamicStateCardVideo(); }); }, repairRealJump() { let lockFn = new utils.LockFunction(() => { $$(BilibiliData.className.space + " .wx-tag.open-app-wrapper").forEach(($el) => { let vueIns = VueUtils.getVue($el); if (typeof vueIns?.disabled === "boolean") { vueIns.disabled = false; } }); }); utils.mutationObserver(document, { config: { subtree: true, childList: true, }, immediate: true, callback: () => { lockFn.run(); }, }); return; }, coverDynamicStateCardVideo() { log.info(`覆盖动态视频的点击事件`); domUtils.on( document, "click", ".card-content .main .wings", (event) => { let $wings = event.target; let $card = $wings.closest(".card"); if (!$card) { Qmsg.error("未找到对应的.card元素"); return; } let vueIns = VueUtils.getVue($card); if (!vueIns) { Qmsg.error("未找到对应的vue实例"); return; } let url = vueIns?.shareData?.default?.url; if (!url) { Qmsg.error("未找到对应的url"); return; } BilibiliUtils.goToUrl(url); }, { capture: true, } ); }, }; const BilibiliVueProp = { init() { Panel.execMenu("bili-noCallApp", () => { this.noCallApp(); }); Panel.execMenu("bili-setLogin", () => { this.setLogin(); }); Panel.execMenu("bili-setIsClient", () => { this.setIsClient(); }); }, noCallApp() { VueUtils.waitVuePropToSet("#app", [ { msg: "设置参数 $store.state.common.noCallApp", check(vueIns) { return typeof vueIns?.$store?.state?.common?.noCallApp === "boolean"; }, set(vueIns) { log.success("成功设置参数 $store.state.common.noCallApp=true"); vueIns.$store.state.common.noCallApp = true; }, }, ]); }, setLogin() { let GM_Cookie = new utils.GM_Cookie(); let cookie_DedeUserID = GM_Cookie.get("DedeUserID"); if (cookie_DedeUserID != null) { log.info("Cookie DedeUserID已存在：", cookie_DedeUserID.value); } else { GM_Cookie.set( { name: "DedeUserID", value: "2333", }, (error) => { if (error) { log.error(error); } else { log.success("Cookie成功设置DedeUserID=>2333"); } } ); } VueUtils.waitVuePropToSet("#app", [ { msg: "设置参数 $store.state.common.userInfo.isLogin", check(vueObj) { return typeof vueObj?.$store?.state?.common?.userInfo?.isLogin === "boolean"; }, set(vueObj) { log.success("成功设置参数 $store.state.common.userInfo.isLogin=true"); vueObj.$store.state.common.userInfo.isLogin = true; }, }, { msg: "设置参数 $store.state.loginInfo.isLogin", check(vueObj) { return typeof vueObj?.$store?.state?.loginInfo?.isLogin === "boolean"; }, set(vueObj) { log.success("成功设置参数 $store.state.loginInfo.isLogin=true"); vueObj.$store.state.loginInfo.isLogin = true; }, }, ]); }, setIsClient() { VueUtils.waitVuePropToSet("#app", [ { msg: "设置参数 $store.state.video.isClient", check(vueIns) { return typeof typeof vueIns?.$store?.state?.video?.isClient === "boolean"; }, set(vueIns) { log.success("成功设置参数 $store.state.video.isClient=true"); vueIns.$store.state.video.isClient = true; }, }, { msg: "设置参数 $store.state.opus.isClient=true", check(vueIns) { return typeof vueIns?.$store?.state?.opus?.isClient === "boolean"; }, set(vueIns) { log.success("成功设置参数 $store.state.opus.isClient"); vueIns.$store.state.opus.isClient = true; }, }, { msg: "设置参数 $store.state.playlist.isClient", check(vueIns) { return typeof vueIns?.$store?.state?.playlist?.isClient === "boolean"; }, set(vueIns) { log.success("成功设置参数 $store.state.playlist.isClient=true"); vueIns.$store.state.playlist.isClient = true; }, }, { msg: "设置参数 $store.state.ver.bili", check(vueIns) { return typeof vueIns?.$store?.state?.ver?.bili === "boolean"; }, set(vueIns) { log.success("成功设置参数 $store.state.ver.bili=true"); vueIns.$store.state.ver.bili = true; }, }, { msg: "设置参数 $store.state.ver.biliVer", check(vueIns) { return typeof vueIns?.$store?.state?.ver?.biliVer === "number"; }, set(vueIns) { log.success("成功设置参数 $store.state.ver.biliVer=2333333"); vueIns.$store.state.ver.biliVer = 2333333; }, }, ]); }, setTinyApp() { VueUtils.waitVuePropToSet("#app", [ { msg: "设置参数 $store.state.common.tinyApp", check(vueIns) { return typeof vueIns?.$store?.state?.common?.tinyApp === "boolean"; }, set(vueIns) { vueIns.$store.state.common.tinyApp = true; log.success("成功设置参数 $store.state.common.tinyApp=true"); Panel.onceExec("bili-tinyApp-init-css", () => { addStyle( ` .tiny-app .reply-input,.tiny-app .reply-item .info .name .right,.tiny-app .reply-item .info .toolbar,.tiny-app .sub-reply-input { display: block; } ` ); }); }, }, ]); }, }; const UIButton = function ( text, description, buttonText, buttonIcon, buttonIsRightIcon, buttonIconIsLoading, buttonType, clickCallBack, afterAddToUListCallBack, disable ) { const result = { text, type: "button", attributes: {}, props: {}, description, buttonIcon, buttonIsRightIcon, buttonIconIsLoading, buttonType, buttonText, callback(event) { if (typeof clickCallBack === "function") { clickCallBack(event); } }, afterAddToUListCallBack, }; Reflect.set(result.attributes, ATTRIBUTE_INIT, () => { result.disable = Boolean(disable); }); return result; }; const UIInputPassword = function ( text, key, defaultValue, description, changeCallback, placeholder = "", afterAddToUListCallBack, valueChangeCallback ) { const result = { text, type: "input", inputType: "password", attributes: {}, props: {}, description, placeholder, afterAddToUListCallBack, getValue() { const storageApiValue = this.props[PROPS_STORAGE_API]; return storageApiValue.get(key, defaultValue); }, callback(event, value) { if (typeof changeCallback === "function") { const result2 = changeCallback(event, value); if (result2) { return; } } const storageApiValue = this.props[PROPS_STORAGE_API]; storageApiValue.set(key, value); }, }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); PanelComponents.initComponentsStorageApi("input", result, { get(key2, defaultValue2) { return Panel.getValue(key2, defaultValue2); }, set(key2, value) { Panel.setValue(key2, value); }, }); return result; }; const UISelect = function (text, key, defaultValue, data2, selectCallBack, description, valueChangeCallBack) { const result = { text, type: "select", description, attributes: {}, props: {}, getValue() { const storageApiValue = this.props[PROPS_STORAGE_API]; return storageApiValue.get(key, defaultValue); }, callback(isSelectedInfo) { if (isSelectedInfo == null) { return; } const value = isSelectedInfo.value; log.info(`选择：${isSelectedInfo.text}`); if (typeof selectCallBack === "function") { const result2 = selectCallBack(isSelectedInfo); if (result2) { return; } } const storageApiValue = this.props[PROPS_STORAGE_API]; storageApiValue.set(key, value); }, data: data2, }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); PanelComponents.initComponentsStorageApi("select", result, { get(key2, defaultValue2) { return Panel.getValue(key2, defaultValue2); }, set(key2, value) { Panel.setValue(key2, value); }, }); return result; }; const UISlider = function ( text, key, defaultValue, min, max, changeCallback, getToolTipContent, description, step, valueChangeCallBack ) { const result = { text, type: "slider", description, attributes: {}, props: {}, getValue() { const storageApiValue = this.props[PROPS_STORAGE_API]; return storageApiValue.get(key, defaultValue); }, getToolTipContent(value) { if (typeof getToolTipContent === "function") { return getToolTipContent(value); } else { return `${value}`; } }, callback(event, value) { const storageApiValue = this.props[PROPS_STORAGE_API]; storageApiValue.set(key, value); }, min, max, step, }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); PanelComponents.initComponentsStorageApi("slider", result, { get(key2, defaultValue2) { return Panel.getValue(key2, defaultValue2); }, set(key2, value) { Panel.setValue(key2, value); }, }); return result; }; const UISwitch = function ( text, key, defaultValue, clickCallBack, description, afterAddToUListCallBack, disabled, valueChangeCallBack, shortCutOption ) { const result = { text, type: "switch", description, disabled, attributes: {}, props: {}, getValue() { const storageApiValue = this.props[PROPS_STORAGE_API]; const value = storageApiValue.get(key, defaultValue); return value; }, callback(event, __value) { const value = Boolean(__value); log.success(`${value ? "开启" : "关闭"} ${text}`); const storageApiValue = this.props[PROPS_STORAGE_API]; storageApiValue.set(key, value); }, afterAddToUListCallBack: (...args) => {}, }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); PanelComponents.initComponentsStorageApi("switch", result, { get(key2, defaultValue2) { return Panel.getValue(key2, defaultValue2); }, set(key2, value) { Panel.setValue(key2, value); }, }); return result; }; const UITextArea = function ( text, key, defaultValue, description, changeCallback, placeholder = "", disabled, valueChangeCallBack ) { const result = { text, type: "textarea", attributes: {}, props: {}, description, placeholder, disabled, getValue() { const storageApiValue = this.props[PROPS_STORAGE_API]; const value = storageApiValue.get(key, defaultValue); if (Array.isArray(value)) { return value.join("\n"); } return value; }, callback(event, value) { const storageApiValue = this.props[PROPS_STORAGE_API]; storageApiValue.set(key, value); }, }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); PanelComponents.initComponentsStorageApi("switch", result, { get(key2, defaultValue2) { return Panel.getValue(key2, defaultValue2); }, set(key2, value) { Panel.setValue(key2, value); }, }); return result; }; const PanelComponents = { $data: { __storeApiFn: null, get storeApiValue() { if (!this.__storeApiFn) { this.__storeApiFn = new utils$1.Dictionary(); } return this.__storeApiFn; }, }, getStorageApi(type) { if (!this.hasStorageApi(type)) { return; } return this.$data.storeApiValue.get(type); }, hasStorageApi(type) { return this.$data.storeApiValue.has(type); }, setStorageApi(type, storageApiValue) { this.$data.storeApiValue.set(type, storageApiValue); }, initComponentsStorageApi(type, config, storageApiValue) { let propsStorageApi; if (this.hasStorageApi(type)) { propsStorageApi = this.getStorageApi(type); } else { propsStorageApi = storageApiValue; } this.setComponentsStorageApiProperty(config, propsStorageApi); }, setComponentsStorageApiProperty(config, storageApiValue) { Reflect.set(config.props, PROPS_STORAGE_API, storageApiValue); }, }; const UIInput = function ( text, key, defaultValue, description, changeCallback, placeholder = "", inputType = "text", afterAddToUListCallBack, valueChangeCallback ) { const result = { text, type: "input", inputType, attributes: {}, props: {}, description, placeholder, afterAddToUListCallBack, getValue() { const storageApiValue = this.props[PROPS_STORAGE_API]; return storageApiValue.get(key, defaultValue); }, callback(event, value) { const $input = event.target; $input.validity.valid; const storageApiValue = this.props[PROPS_STORAGE_API]; storageApiValue.set(key, value); }, }; Reflect.set(result.attributes, ATTRIBUTE_KEY, key); Reflect.set(result.attributes, ATTRIBUTE_DEFAULT_VALUE, defaultValue); PanelComponents.initComponentsStorageApi("input", result, { get(key2, defaultValue2) { return Panel.getValue(key2, defaultValue2); }, set(key2, value) { Panel.setValue(key2, value); }, }); return result; }; class RuleEditView { option; constructor(option) { this.option = option; } async showView() { const $dialog = __pops__.confirm({ title: { text: this.option.title, position: "center", }, content: { text: ` `, html: true, }, btn: utils.assign( { ok: { callback: async () => { await submitSaveOption(); }, }, }, this.option.btn || {}, true ), drag: true, mask: { enable: true, }, style: ` ${__pops__.config.cssText.panelCSS} .rule-form-container { } .rule-form-container li{ display: flex; align-items: center; justify-content: space-between; padding: 5px 20px; gap: 10px; } .rule-form-ulist-dynamic{ --button-margin-top: 0px; --button-margin-right: 0px; --button-margin-bottom: 0px; --button-margin-left: 0px; display: flex; flex-direction: column; align-items: flex-start; padding: 5px 0px 5px 20px; } .rule-form-ulist-dynamic__inner{ width: 100%; } .rule-form-ulist-dynamic__inner-container{ display: flex; align-items: center; } .dynamic-forms{ width: 100%; } .pops-panel-item-left-main-text{ max-width: 150px; } .pops-panel-item-right-text{ padding-left: 30px; } .pops-panel-item-right-text, .pops-panel-item-right-main-text{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .pops-panel-item-left-desc-text{ line-height: normal; margin-top: 6px; font-size: 0.8em; color: rgb(108, 108, 108); } ${this.option?.style ?? ""} `, width: typeof this.option.width === "function" ? this.option.width() : window.innerWidth > 500 ? "500px" : "88vw", height: typeof this.option.height === "function" ? this.option.height() : window.innerHeight > 500 ? "500px" : "80vh", }); const $form = $dialog.$shadowRoot.querySelector(".rule-form-container"); $dialog.$shadowRoot.querySelector("input[type=submit]"); const $ulist = $dialog.$shadowRoot.querySelector(".rule-form-ulist"); const view = await this.option.getView(await this.option.data()); domUtils.append($ulist, view); const submitSaveOption = async () => { const result = await this.option.onsubmit($form, await this.option.data()); if (!result.success) { return; } $dialog.close(); if (typeof this.option.dialogCloseCallBack === "function") { await this.option.dialogCloseCallBack(true); } }; return $dialog; } } class RuleView { option; constructor(option) { this.option = option; } async showView(filterCallBack) { const $popsConfirm = __pops__.confirm({ title: { text: this.option.title, position: "center", }, content: { text: `

`, html: true, }, style: ` ${__pops__.config.cssText.panelCSS} .rule-view-search-container{ display: flex; align-items: center; gap: 4px; padding: 4px 8px; } .rule-view-search-container .pops-panel-select{ min-width: fit-content; max-width: 60px; } .rule-view-search-container .pops-panel-select select{ width: 100%; min-width: auto; } .rule-view-search-container .pops-panel-input{ width: 100%; } .rule-item{ display: flex; align-items: center; line-height: normal; font-size: 16px; padding: 4px 8px; gap: 8px; } .rule-name{ flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .rule-controls{ display: flex; align-items: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; gap: 8px; padding: 0px; } .rule-controls-enable{ } .rule-controls-edit{ } .rule-controls-delete{ } .rule-controls-edit, .rule-controls-delete{ width: 16px; height: 16px; cursor: pointer; } `, btn: { merge: true, reverse: false, position: "space-between", ok: { enable: this.option?.bottomControls?.add?.enable || true, type: "primary", text: "添加", callback: async () => { this.showEditView(false, await this.option.getAddData(), $popsConfirm.$shadowRoot); }, }, close: { enable: true, callback() { $popsConfirm.close(); }, }, cancel: { enable: false, }, other: { enable: this.option?.bottomControls?.clear?.enable || true, type: "xiaomi-primary", text: `清空所有(${(await this.option.data()).length})`, callback: () => { const $askDialog = __pops__.confirm({ title: { text: "提示", position: "center", }, content: { text: "确定清空所有的数据？", html: false, }, btn: { ok: { enable: true, callback: async () => { log.success("清空所有"); if (typeof this.option?.bottomControls?.clear?.callback === "function") { this.option.bottomControls.clear.callback(); } const data2 = await this.option.data(); if (data2.length) { Qmsg.error("清理失败"); return; } else { Qmsg.success("清理成功"); } await this.updateDeleteAllBtnText($popsConfirm.$shadowRoot); this.clearContent($popsConfirm.$shadowRoot); $askDialog.close(); }, }, cancel: { text: "取消", enable: true, }, }, mask: { enable: true }, width: "300px", height: "200px", }); }, }, }, mask: { enable: true, }, width: window.innerWidth > 500 ? "500px" : "88vw", height: window.innerHeight > 500 ? "500px" : "80vh", }); const { $searchContainer, $externalSelect, $ruleValueSelect, $searchInput } = this.parseViewElement( $popsConfirm.$shadowRoot ); if (this.option.bottomControls?.filter?.enable) { let externalSelectInfo = null; let ruleValueSelectInfo = null; if (Array.isArray(this.option.bottomControls?.filter?.option)) { domUtils.append( $externalSelect, this.option.bottomControls?.filter?.option.map((option) => { const $option = domUtils.createElement("option", { innerText: option.name, }); Reflect.set($option, "data-value", option); return $option; }) ); } if (Array.isArray(this.option.bottomControls?.filter?.inputOption)) { domUtils.append( $ruleValueSelect, this.option.bottomControls?.filter?.inputOption.map((option) => { const $option = domUtils.createElement("option", { innerText: option.name, }); Reflect.set($option, "data-value", option); return $option; }) ); } domUtils.on($externalSelect, "change", async () => { const $isSelectedElement = $externalSelect[$externalSelect.selectedIndex]; const selectInfo = Reflect.get($isSelectedElement, "data-value"); if (typeof selectInfo?.selectedCallBack === "function") { selectInfo.selectedCallBack(selectInfo); } externalSelectInfo = selectInfo; await execFilter(false); }); domUtils.on($ruleValueSelect, "change", async () => { const $isSelectedElement = $ruleValueSelect[$ruleValueSelect.selectedIndex]; const selectInfo = Reflect.get($isSelectedElement, "data-value"); if (typeof selectInfo?.selectedCallBack === "function") { selectInfo.selectedCallBack(selectInfo); } ruleValueSelectInfo = selectInfo; await execFilter(false); }); domUtils.onInput( $searchInput, utils.debounce(async () => { await execFilter(false); }) ); const updateSelectData = () => { const $externalSelected = $externalSelect[$externalSelect.selectedIndex]; externalSelectInfo = Reflect.get($externalSelected, "data-value"); const $ruleValueSelected = $ruleValueSelect[$ruleValueSelect.selectedIndex]; ruleValueSelectInfo = Reflect.get($ruleValueSelected, "data-value"); }; const execFilter = async (isUpdateSelectData) => { this.clearContent($popsConfirm.$shadowRoot); if (isUpdateSelectData) { updateSelectData(); } const allData = await this.option.data(); const filteredData = []; const searchText = domUtils.val($searchInput); for (let index = 0; index < allData.length; index++) { const item = allData[index]; if (typeof filterCallBack === "function") { const flag = await filterCallBack(item); if (typeof flag === "boolean" && !flag) { continue; } } if (externalSelectInfo) { const externalFilterResult = await externalSelectInfo?.filterCallBack?.(item); if (typeof externalFilterResult === "boolean" && !externalFilterResult) { continue; } } if (ruleValueSelectInfo) { let flag = true; if (searchText === "") { flag = true; } else { flag = false; } if (!flag) { flag = await ruleValueSelectInfo?.filterCallBack?.(item, searchText); } if (!flag) { continue; } } filteredData.push(item); } await this.appendRuleItemElement($popsConfirm.$shadowRoot, filteredData); }; if (typeof filterCallBack === "object" && filterCallBack != null) { let externalIndex; if (typeof filterCallBack.external === "number") { externalIndex = filterCallBack.external; } else { externalIndex = Array.from($externalSelect.options).findIndex((option) => { const data2 = Reflect.get(option, "data-value"); return data2.value === filterCallBack.external; }); } if (externalIndex !== -1) { $externalSelect.selectedIndex = externalIndex; } let ruleIndex; if (typeof filterCallBack.rule === "number") { ruleIndex = filterCallBack.rule; } else { ruleIndex = Array.from($ruleValueSelect.options).findIndex((option) => { const data2 = Reflect.get(option, "data-value"); return data2.value === filterCallBack.rule; }); } if (ruleIndex !== -1) { $ruleValueSelect.selectedIndex = ruleIndex; } } await execFilter(true); } else { domUtils.hide($searchContainer, false); } } showEditView(isEdit, editData, $parentShadowRoot, $editRuleItemElement, updateDataCallBack, submitCallBack) { let dialogCloseCallBack = async (isSubmit) => { if (isSubmit) { if (typeof submitCallBack === "function") { let newData = await this.option.getData(editData); submitCallBack(newData); } } else { if (!isEdit) { await this.option.deleteData(editData); } if (typeof updateDataCallBack === "function") { let newData = await this.option.getData(editData); updateDataCallBack(newData); } } }; let editView = new RuleEditView({ title: isEdit ? "编辑" : "添加", data: () => { return editData; }, dialogCloseCallBack, getView: async (data2) => { return await this.option.itemControls.edit.getView(data2, isEdit); }, btn: { ok: { enable: true, text: isEdit ? "修改" : "添加", }, cancel: { callback: async (detail) => { detail.close(); await dialogCloseCallBack(false); }, }, close: { callback: async (detail) => { detail.close(); await dialogCloseCallBack(false); }, }, }, onsubmit: async ($form, data2) => { let result = await this.option.itemControls.edit.onsubmit($form, isEdit, data2); if (result.success) { if (isEdit) { Qmsg.success("修改成功"); if ($parentShadowRoot) { await this.updateRuleItemElement(result.data, $editRuleItemElement, $parentShadowRoot); } } else { if ($parentShadowRoot) { await this.appendRuleItemElement($parentShadowRoot, result.data); } } } else { if (isEdit) { log.error("修改失败"); } } return result; }, style: this.option.itemControls.edit.style, width: this.option.itemControls.edit.width, height: this.option.itemControls.edit.height, }); editView.showView(); } parseViewElement($shadowRoot) { const $container = $shadowRoot.querySelector(".rule-view-container"); const $deleteBtn = $shadowRoot.querySelector(".pops-confirm-btn button.pops-confirm-btn-other"); const $searchContainer = $shadowRoot.querySelector(".rule-view-search-container"); const $externalSelect = $searchContainer.querySelector(".pops-panel-select .select-rule-status"); const $ruleValueSelect = $searchContainer.querySelector(".pops-panel-select .select-rule-value"); const $searchInput = $searchContainer.querySelector(".pops-panel-input input"); return { $container, $deleteBtn, $searchContainer, $externalSelect, $ruleValueSelect, $searchInput, }; } parseRuleItemElement($ruleElement) { const $enable = $ruleElement.querySelector(".rule-controls-enable"); const $enableSwitch = $enable.querySelector(".pops-panel-switch"); const $enableSwitchInput = $enable.querySelector(".pops-panel-switch__input"); const $enableSwitchCore = $enable.querySelector(".pops-panel-switch__core"); const $edit = $ruleElement.querySelector(".rule-controls-edit"); const $delete = $ruleElement.querySelector(".rule-controls-delete"); return { $enable, $enableSwitch, $enableSwitchInput, $enableSwitchCore, $edit, $delete, data: Reflect.get($ruleElement, "data-rule"), }; } async createRuleItemElement(data2, $shadowRoot) { const name = await this.option.getDataItemName(data2); const $ruleItem = domUtils.createElement("div", { className: "rule-item", innerHTML: `

${name}

${__pops__.config.iconSVG.edit}

${__pops__.config.iconSVG.delete}

`, }); Reflect.set($ruleItem, "data-rule", data2); const switchCheckedClassName = "pops-panel-switch-is-checked"; const { $enable, $enableSwitch, $enableSwitchCore, $enableSwitchInput, $delete, $edit } = this.parseRuleItemElement($ruleItem); if (this.option.itemControls.enable.enable) { domUtils.on($enableSwitchCore, "click", async () => { let isChecked = false; if ($enableSwitch.classList.contains(switchCheckedClassName)) { $enableSwitch.classList.remove(switchCheckedClassName); isChecked = false; } else { $enableSwitch.classList.add(switchCheckedClassName); isChecked = true; } $enableSwitchInput.checked = isChecked; await this.option.itemControls.enable.callback(data2, isChecked); }); if (await this.option.itemControls.enable.getEnable(data2)) { $enableSwitch.classList.add(switchCheckedClassName); } } else { $enable.remove(); } if (this.option.itemControls.edit.enable) { domUtils.on($edit, "click", (event) => { domUtils.preventEvent(event); this.showEditView(true, data2, $shadowRoot, $ruleItem, (newData) => { data2 = null; data2 = newData; }); }); } else { $edit.remove(); } if (this.option.itemControls.delete.enable) { domUtils.on($delete, "click", (event) => { domUtils.preventEvent(event); const $askDialog = __pops__.confirm({ title: { text: "提示", position: "center", }, content: { text: "确定删除该条数据？", html: false, }, btn: { ok: { enable: true, callback: async () => { log.success("删除数据"); const flag = await this.option.itemControls.delete.deleteCallBack(data2); if (flag) { Qmsg.success("成功删除该数据"); $ruleItem.remove(); await this.updateDeleteAllBtnText($shadowRoot); $askDialog.close(); } else { Qmsg.error("删除该数据失败"); } }, }, cancel: { text: "取消", enable: true, }, }, mask: { enable: true, }, width: "300px", height: "200px", }); }); } else { $delete.remove(); } return $ruleItem; } async appendRuleItemElement($shadowRoot, data2) { const { $container } = this.parseViewElement($shadowRoot); const $ruleItem = []; const iteratorData = Array.isArray(data2) ? data2 : [data2]; for (let index = 0; index < iteratorData.length; index++) { const item = iteratorData[index]; const $item = await this.createRuleItemElement(item, $shadowRoot); $ruleItem.push($item); } domUtils.append($container, $ruleItem); await this.updateDeleteAllBtnText($shadowRoot); return $ruleItem; } async updateRuleContaienrElement($shadowRoot) { this.clearContent($shadowRoot); const data2 = await this.option.data(); await this.appendRuleItemElement($shadowRoot, data2); await this.updateDeleteAllBtnText($shadowRoot); } async updateRuleItemElement(data2, $oldRuleItem, $shadowRoot) { const $newRuleItem = await this.createRuleItemElement(data2, $shadowRoot); $oldRuleItem.after($newRuleItem); $oldRuleItem.remove(); } clearContent($shadowRoot) { const { $container } = this.parseViewElement($shadowRoot); domUtils.html($container, ""); } setDeleteBtnText($shadowRoot, text, isHTML = false) { const { $deleteBtn } = this.parseViewElement($shadowRoot); if (isHTML) { domUtils.html($deleteBtn, text); } else { domUtils.text($deleteBtn, text); } } async updateDeleteAllBtnText($shadowRoot) { let data2 = await this.option.data(); this.setDeleteBtnText($shadowRoot, `清空所有(${data2.length})`); } } const BilibiliComponentDetectionRule = { $data: { whiteList: [], ruleData: [], }, $key: { STORAGE_KEY: "bili-componentDetection-rule", }, init() { this.$data.whiteList.length = 0; this.$data.ruleData.length = 0; let allData = this.getData(); allData.forEach((data2) => { if (!data2.enable) { return; } this.$data.ruleData.push(data2); }); }, showView() { let panelHandlerComponents = __pops__.fn.PanelHandlerComponents(); function generateStorageApi(data2, handler) { return { get(key, defaultValue) { return data2[key] ?? defaultValue; }, set(key, value) { data2[key] = value; }, }; } let ruleView = new RuleView({ title: "成分检测", data: () => { return this.getData(); }, getAddData: () => { return this.getTemplateData(); }, getDataItemName: (data2) => { return data2["name"]; }, updateData: (data2) => { return this.updateData(data2); }, deleteData: (data2) => { return this.deleteData(data2); }, getData: (data2) => { let allData = this.getData(); let findValue = allData.find((item) => item.uuid === data2.uuid); return findValue ?? data2; }, itemControls: { enable: { enable: true, getEnable(data2) { return data2.enable; }, callback: (data2, enable) => { data2.enable = enable; this.updateData(data2); }, }, edit: { enable: true, getView: (data2, isEdit) => { let $fragment = document.createDocumentFragment(); let templateData = this.getTemplateData(); if (!isEdit) { data2 = templateData; } let enable_template = UISwitch("启用", "enable", templateData.enable); Reflect.set(enable_template.props, PROPS_STORAGE_API, generateStorageApi(data2)); let $enable = panelHandlerComponents.createSectionContainerItem_switch(enable_template).$el; let name_template = UIInput("规则名称", "name", "", templateData.name, void 0, "必填"); Reflect.set(name_template.props, PROPS_STORAGE_API, generateStorageApi(data2)); let $name = panelHandlerComponents.createSectionContainerItem_input(name_template).$el; let isShowDisplayName_template = UISwitch( "是否显示标签名称", "isShowDisplayName", templateData.data.isShowDisplayName ); Reflect.set(isShowDisplayName_template.props, PROPS_STORAGE_API, generateStorageApi(data2.data)); let $isShowDisplayName = panelHandlerComponents.createSectionContainerItem_switch(isShowDisplayName_template).$el; let displayName_template = UIInput( "标签名称", "displayName", templateData.data.displayName, "例如：原神" ); Reflect.set(displayName_template.props, PROPS_STORAGE_API, generateStorageApi(data2.data)); let $displayName = panelHandlerComponents.createSectionContainerItem_input(displayName_template).$el; let isShowDisplayIcon_template = UISwitch( "是否显示标签图标", "isShowDisplayIcon", templateData.data.isShowDisplayIcon ); Reflect.set(isShowDisplayIcon_template.props, PROPS_STORAGE_API, generateStorageApi(data2.data)); let $isShowDisplayIcon = panelHandlerComponents.createSectionContainerItem_switch(isShowDisplayIcon_template).$el; let displayIcon_template = UIInput( "标签图标", "displayIcon", templateData.data.displayIcon, "Url或base64" ); Reflect.set(displayIcon_template.props, PROPS_STORAGE_API, generateStorageApi(data2.data)); let $displayIcon = panelHandlerComponents.createSectionContainerItem_input(displayIcon_template).$el; let keywords_template = UITextArea( "关键词", "keywords", "", "用于匹配标题、简介、转发内容的关键词", void 0, "多个关键词换行" ); Reflect.set(keywords_template.props, PROPS_STORAGE_API, { get(key, defaultValue) { let value = data2.data[key] ?? defaultValue; if (typeof value === "string") { return value.split("\n"); } return value; }, set(key, value) { if (typeof value === "string") { value = value.split("\n"); } data2.data[key] = value; }, }); let $keywords = panelHandlerComponents.createSectionContainerItem_textarea(keywords_template).$el; let followings_template = UITextArea("关注的用户", "followings", "", "用户id", void 0, "多个用户id换行"); Reflect.set(followings_template.props, PROPS_STORAGE_API, { get(key, defaultValue) { let value = data2.data[key] ?? defaultValue; if (typeof value === "string") { return value .split("\n") .map((it) => Number(it)) .filter((it) => !isNaN(it)); } return value; }, set(key, value) { if (typeof value === "string") { value = value .split("\n") .map((it) => Number(it)) .filter((it) => !isNaN(it)); } data2.data[key] = value; }, }); let $followings = panelHandlerComponents.createSectionContainerItem_textarea(followings_template).$el; let blacklist_template = UITextArea("黑名单", "blacklist", "", "", void 0, "多个用户id换行"); Reflect.set(blacklist_template.props, PROPS_STORAGE_API, { get(key, defaultValue) { let value = data2.data[key] ?? defaultValue; if (typeof value === "string") { return value .split("\n") .map((it) => Number(it)) .filter((it) => !isNaN(it)); } return value; }, set(key, value) { if (typeof value === "string") { value = value .split("\n") .map((it) => Number(it)) .filter((it) => !isNaN(it)); } data2.data[key] = value; }, }); let $blacklist = panelHandlerComponents.createSectionContainerItem_textarea(blacklist_template).$el; $fragment.append( $enable, $name, $isShowDisplayName, $displayName, $isShowDisplayIcon, $displayIcon, $keywords, $followings, $blacklist ); return $fragment; }, onsubmit: ($form, isEdit, editData) => { let $ulist_li = $form.querySelectorAll(".rule-form-ulist > li"); let data2 = this.getTemplateData(); if (isEdit) { data2.uuid = editData.uuid; } try { $ulist_li.forEach(($li) => { let viewConfig = Reflect.get($li, panelHandlerComponents.$data.nodeStoreConfigKey); let attrs = Reflect.get(viewConfig, "attributes"); let storageApi = Reflect.get($li, PROPS_STORAGE_API); let key = Reflect.get(attrs, ATTRIBUTE_KEY); let defaultValue = Reflect.get(attrs, ATTRIBUTE_DEFAULT_VALUE); let value = storageApi.get(key, defaultValue); if (Reflect.has(data2, key)) { Reflect.set(data2, key, value); } else if (Reflect.has(data2.data, key)) { Reflect.set(data2.data, key, value); } else { log.error(`${key}不在数据中`); } }); if (data2.name.trim() === "") { Qmsg.error("规则名称不能为空"); return { success: false, data: data2, }; } if (isEdit) { return { success: this.updateData(data2), data: data2, }; } else { return { success: this.addData(data2), data: data2, }; } } catch (error) { log.error(error); return { success: false, data: data2, }; } finally { this.init(); } }, style: ` .pops-panel-textarea textarea{ height: 150px; } .pops-panel-item-left-desc-text{ line-height: normal; margin-top: 6px; font-size: 0.8em; color: rgb(108, 108, 108); max-width: 100px; } `, }, delete: { enable: true, deleteCallBack: (data2) => { return this.deleteData(data2); }, }, }, }); ruleView.showView(); }, getTemplateData() { return { uuid: utils.generateUUID(), enable: true, name: "", data: { isShowDisplayIcon: true, displayIcon: "", isShowDisplayName: true, displayName: "", keywords: [], blacklist: [], followings: [], }, }; }, getData() { return _GM_getValue(this.$key.STORAGE_KEY, []); }, setData(data2) { _GM_setValue(this.$key.STORAGE_KEY, data2); }, addData(data2) { let localData = this.getData(); let findIndex = localData.findIndex((item) => item.uuid == data2.uuid); if (findIndex === -1) { localData.push(data2); _GM_setValue(this.$key.STORAGE_KEY, localData); return true; } else { return false; } }, updateData(data2) { let localData = this.getData(); let index = localData.findIndex((item) => item.uuid == data2.uuid); let updateFlag = false; if (index !== -1) { updateFlag = true; localData[index] = data2; } this.setData(localData); return updateFlag; }, deleteData(data2) { let localData = this.getData(); let index = localData.findIndex((item) => item.uuid == data2.uuid); let deleteFlag = false; if (index !== -1) { deleteFlag = true; localData.splice(index, 1); } this.setData(localData); return deleteFlag; }, clearData() { _GM_deleteValue(this.$key.STORAGE_KEY); }, exportRule(fileName = "rule.json") { let allRule = this.getData(); let blob = new Blob([JSON.stringify(allRule, null, 4)]); let blobUrl = window.URL.createObjectURL(blob); let $a = document.createElement("a"); $a.href = blobUrl; $a.download = fileName; $a.click(); setTimeout(() => { window.URL.revokeObjectURL(blobUrl); }, 1500); }, importRule() { let $alert = __pops__.alert({ title: { text: "请选择导入方式", position: "center", }, content: { text: `

本地导入

网络导入

`, html: true, }, width: PanelUISize.info.width, height: PanelUISize.info.height, style: ` .import-mode{ display: inline-block; margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; } `, }); let $local = $alert.$shadowRoot.querySelector(".import-mode[data-mode='local']"); let $network = $alert.$shadowRoot.querySelector(".import-mode[data-mode='network']"); domUtils.on($local, "click", (event) => { domUtils.preventEvent(event); $alert.close(); let $input = domUtils.createElement("input", { type: "file", accept: ".json", }); domUtils.on($input, ["propertychange", "input"], (event2) => { if (!$input.files?.length) { return; } let uploadFile = $input.files[0]; let fileReader = new FileReader(); fileReader.onload = () => { let data2 = utils.toJSON(fileReader.result); if (!Array.isArray(data2)) { log.error("不是正确的规则文件", data2); Qmsg.error("不是正确的规则文件"); return; } this.setData(data2); Qmsg.success(`成功导入 ${data2.length}条规则`); }; fileReader.readAsText(uploadFile, "UTF-8"); }); $input.click(); }); domUtils.on($network, "click", (event) => { domUtils.preventEvent(event); $alert.close(); __pops__.prompt({ title: { text: "网络导入", position: "center", }, content: { text: "", placeholder: "url", focus: true, }, btn: { ok: { callback: async (eventDetails, event2) => { let url = eventDetails.text; if (utils.isNull(url)) { Qmsg.error("请填入完整的url"); return; } let response = await httpx.get(url); if (!response.status) { return; } let data2 = utils.toJSON(response.data.responseText); if (!Array.isArray(data2)) { log.error("不是正确的规则文件", response, data2); Qmsg.error("不是正确的规则文件"); return; } this.setData(data2); eventDetails.close(); Qmsg.success(`成功导入 ${data2.length}条规则`); }, }, }, width: PanelUISize.info.width, height: "auto", }); }); }, }; const BilibiliComponentDetection = { $data: { searchIcon: ` `, }, init() { BilibiliComponentDetectionRule.init(); addStyle( ` .composition-checkable, .composition-checked{ display: inline-flex; vertical-align: middle; } /* 查询按钮 */ .composition-checkable .composition-badge-control { display: inline-flex; justify-content: center; align-items: center; width: fit-content; background: #574AB830; border-radius: 8px; margin: 0 6px 0 6px; font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif; } .composition-checkable .composition-name-control { color: #7367F0; padding: 2px 8px; font-size: 0.8rem; display: flex; align-items: center; height: 20px; line-height: normal; } .composition-checkable .composition-name-control svg { vertical-align: middle; width: 1em; height: 1em; } /* ↑查询按钮 */ /* 标签按钮 */ .composition-checked .composition-badge { display: inline-flex; justify-content: center; align-items: center; width: fit-content; background: #574AB825; border-radius: 10px; margin: 0 6px 0 6px; font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif; font-weight: normal; cursor: pointer; } .composition-checked .composition-name { color: #574AB8; padding: 2px 8px; font-size: 0.8rem; } .composition-checked .composition-icon { color: #574AB8 !important; background: transparent !important; border-radius: 50% !important; width: 1.44rem !important; height: 1.44rem !important; border: 2px solid #574AB880 !important; margin: -6px; display: flex !important; justify-content: center !important; align-items: center !important; font-size: 1rem !important; } .composition-checked .composition-badge > *:first-child{ margin-left: 6px; } .composition-checked .composition-badge > *:last-child{ margin-right: 6px; } .composition-checked .composition-badge .composition-icon, .composition-checked .composition-badge .composition-name{ margin: 0; } ` ); domUtils.onReady(() => { let lockFn = new utils.LockFunction(async () => { $$(".reply-item:not([data-is-inject-search-label])").forEach(($replyItem) => { $replyItem.setAttribute("data-is-inject-search-label", ""); let $floorTime = $replyItem.querySelector(".info .floor-time") || $replyItem.querySelector(".content-warp .user-info"); let { $container, $compositionNameControl } = this.createSearchButton(() => { let $userName = $replyItem.querySelector(".user-name[data-user-id]"); if (!$userName) { throw new TypeError("获取用户名元素失败"); } let mid = $userName.getAttribute("data-user-id"); if (mid == null) { throw new TypeError("获取mid失败"); } return mid; }); domUtils.after($floorTime, $container); }); [ ...Array.from($$(".reply-item .member-link[data-url]:not([data-is-inject-search-label])")), ...Array.from($$(".reply-item .jump-link.user[data-user-id]:not([data-is-inject-search-label])")), ...Array.from($$(".reply-item .sub-user-name[data-user-id]:not([data-is-inject-search-label])")), ].forEach(($memberLink) => { $memberLink.setAttribute("data-is-inject-search-label", ""); let { $container: $memberContainer, $compositionNameControl: $memberCompositionNameControl } = this.createSearchButton(() => { let spaceUrl = $memberLink.getAttribute("href"); let mid = spaceUrl.match(/space.bilibili.com\/([\d]+)/i)?.[1]; if (mid == null) { throw new TypeError("获取mid失败"); } return mid; }); domUtils.after($memberLink, $memberContainer); }); $$(".m-space-info .base:not([data-is-inject-search-label])").forEach(($base) => { $base.setAttribute("data-is-inject-search-label", ""); let $spaceInfo = $base.closest(".m-space-info"); let { $container } = this.createSearchButton(() => { let vueIns = VueUtils.getVue($spaceInfo); if (!vueIns) { throw new TypeError("获取vue属性失败"); } let mid = vueIns.info.mid; if (mid == null) { throw new TypeError("获取mid失败"); } return mid; }); domUtils.after($base, $container); }); }); utils.mutationObserver(document, { config: { subtree: true, childList: true, }, immediate: true, callback: () => { lockFn.run(); }, }); }); }, async queryUserInfo(mid) { let followingPN = 1; let allFollowingData = []; while (true) { log.info(`正在获取用户的关注：${mid} ==> 第${followingPN}页`); let followingData = await BilibiliUserApi.following(mid, followingPN); if (!followingData) { log.error("获取关注列表失败"); break; } if (typeof followingData === "string") { log.error("获取关注列表失败，原因：" + followingData); break; } if (!followingData.list.length) { break; } allFollowingData = allFollowingData.concat(followingData.list); if (followingData.list.length === followingData.total && followingPN === 1) { break; } followingPN++; utils.sleep(250); } let spaceOffset = ""; let spacePNCount = 1; let allSpaceContentData = []; while (true) { log.info(`正在获取用户的空间动态：${mid} ==> 偏移：${spaceOffset}`); let spaceData = await BilibiliUserApi.space(mid, spaceOffset); if (!spaceData) { log.error("获取用户空间动态数据失败"); break; } if (typeof spaceData === "string") { log.error("获取用户空间动态数据失败，原因：" + spaceData); break; } if (spaceOffset === spaceData.offset && spaceOffset != "") { break; } spaceOffset = spaceData.offset; allSpaceContentData = allSpaceContentData.concat(spaceData.items); if (!spaceData.has_more) { break; } spacePNCount++; if (spacePNCount > 5) { log.info(`最多请求5页空间动态的数据`); break; } utils.sleep(250); } let result = { following: [], space: [], }; allFollowingData.forEach((followingData) => { result.following.push({ name: followingData.uname, mid: followingData.mid, sign: followingData.sign, }); }); allSpaceContentData.forEach((spaceData) => { if (spaceData.orig == null) { let contentInfo = { title: spaceData.modules.module_dynamic.major?.archive?.title, desc: spaceData.modules.module_dynamic.major?.archive?.desc || spaceData.modules.module_dynamic.desc?.text, pub_ts: spaceData.modules.module_author.pub_ts * 1e3, id_str: spaceData.id_str, }; result.space.push({ contentInfo, }); } else { let contentInfo = { title: null, desc: spaceData.modules.module_dynamic.desc?.text, pub_ts: spaceData.modules.module_author.pub_ts * 1e3, id_str: spaceData.id_str, }; let forwardInfo = { mid: spaceData.orig.modules.module_author.mid, name: spaceData.orig.modules.module_author.name, title: spaceData.orig.modules.module_dynamic?.major?.archive?.title || null, desc: spaceData.orig.modules.module_dynamic.desc?.text ?? spaceData.orig.modules.module_dynamic?.major?.archive?.desc, pub_ts: spaceData.orig.modules.module_author.pub_ts * 1e3, id_str: spaceData.orig.id_str, }; if ( typeof forwardInfo.desc === "string" && Array.isArray(spaceData.orig.modules.module_dynamic?.desc?.rich_text_nodes) ) { spaceData.orig.modules.module_dynamic.desc.rich_text_nodes.forEach((richInfo) => { if (richInfo.type === "RICH_TEXT_NODE_TYPE_AT") { forwardInfo.desc = forwardInfo.desc?.replace(richInfo.text, ""); } }); } result.space.push({ contentInfo, forwardInfo, }); } }); return result; }, createSearchButton(queryMIDFn) { let $compositionCheckable = domUtils.createElement("div", { className: "composition-checkable", innerHTML: `

${this.$data.searchIcon}

`, }); let $compositionNameControl = $compositionCheckable.querySelector(".composition-name-control"); domUtils.on($compositionCheckable, "click", async (event) => { domUtils.preventEvent(event); if ($compositionCheckable.hasAttribute("data-is-searching")) { log.error("正在搜索中，请稍后再试"); return; } $compositionCheckable.setAttribute("data-is-searching", ""); domUtils.html($compositionNameControl, "..."); try { if (BilibiliComponentDetectionRule.$data.ruleData.length === 0) { Qmsg.warning("未配置规则，请在设置中进行添加"); domUtils.html($compositionNameControl, this.$data.searchIcon); return; } let mid = queryMIDFn(); this.clearLabel($compositionCheckable); let userInfo = await this.queryUserInfo(mid); this.handleShowLabel(mid, userInfo, $compositionCheckable); domUtils.html($compositionNameControl, this.$data.searchIcon); } catch (error) { log.error(error); Qmsg.error(error.message, { timeout: 3500, }); domUtils.html($compositionNameControl, "重试"); } finally { $compositionCheckable.removeAttribute("data-is-searching"); } }); return { $container: $compositionCheckable, $compositionNameControl, }; }, createLabel(data2) { let $label = domUtils.createElement("div", { className: "composition-checked", innerHTML: `

`, }); let $badge = $label.querySelector(".composition-badge"); if (data2.rule.data.isShowDisplayName) { let $compositionName = domUtils.createElement("span", { className: "composition-name", innerHTML: data2.rule.data.displayName, }); domUtils.append($badge, $compositionName); } if (data2.rule.data.isShowDisplayIcon) { let $compositionIcon = null; if (data2.rule.data.displayIcon.startsWith("http")) { $compositionIcon = domUtils.createElement( "img", { className: "composition-icon", src: data2.rule.data.displayIcon, }, { referrer: "no-referrer", referrerPolicy: "no-referrer", } ); } else { $compositionIcon = domUtils.createElement("span", { className: "composition-icon", innerHTML: data2.rule.data.displayIcon, }); } domUtils.append($badge, $compositionIcon); } domUtils.on($badge, "click", (event) => { domUtils.preventEvent(event); __pops__.alert({ title: { text: "识别信息", html: false, position: "center", }, content: { text: ` ${data2.matchedInfoList .map((it) => { let $el = domUtils.createElement("div", { className: "reason-container", innerHTML: `

原因：${it.reason}

匹配：${ typeof it.reasonLink === "string" ? ` ${it.reasonText} ` : it.reasonText }

`, }); if (typeof it.reasonTime === "number") { let $reasonTime = domUtils.createElement("div", { className: "reason-text", innerHTML: ` 时间：${utils.formatTime(it.reasonTime)} `, }); domUtils.append($el, $reasonTime); } return $el.outerHTML; }) .join("\n")} `, html: true, }, btn: { ok: { enable: false }, }, mask: { enable: true, clickEvent: { toClose: true, }, }, width: PanelUISize.setting.width, height: PanelUISize.setting.height, style: ` .reason-container{ color: #7367F0; margin: 10px 10px; } `, }); }); return $label; }, clearLabel($ele) { while (true) { let $prev = domUtils.prev($ele); if (!$prev) { break; } if ($prev?.classList?.contains("composition-checked")) { $prev.remove(); } else { break; } } }, handleShowLabel(mid, data2, $searchContainer) { if (BilibiliComponentDetectionRule.$data.ruleData.length === 0) { Qmsg.warning("未配置规则，请在设置中进行添加"); return; } mid = mid.toString(); if (BilibiliComponentDetectionRule.$data.whiteList.includes(mid)) { return; } let matchedAllRule = []; let pushMatchedRule = (rule, matchedInfo) => { let findValue = matchedAllRule.find((it) => it.rule === rule); if (findValue) { findValue.matchedInfoList.push(matchedInfo); } else { matchedAllRule.push({ rule, matchedInfoList: [matchedInfo], }); } }; BilibiliComponentDetectionRule.$data.ruleData.forEach((ruleData) => { if (Array.isArray(ruleData.data.blacklist) && ruleData.data.blacklist.find((it) => it.toString() === mid)) { pushMatchedRule(ruleData, { reason: "黑名单用户", reasonText: mid, reasonLink: BilibiliUrl.getUserSpaceUrl(mid), reasonTime: null, }); return; } if (Array.isArray(ruleData.data.followings)) { let reason = "关注列表"; let reasonText = ""; let checkFlag = ruleData.data.followings.some((followId) => { let __check__flag__ = data2.following.some((followingData) => { return followingData.mid.toString() === followId.toString(); }); if (__check__flag__) { reasonText = followId.toString(); } return __check__flag__; }); if (checkFlag) { pushMatchedRule(ruleData, { reason, reasonText, reasonLink: BilibiliUrl.getUserSpaceUrl(reasonText), reasonTime: null, }); } } if (Array.isArray(ruleData.data.keywords)) { ruleData.data.keywords.forEach((keyword) => { for (let spaceIndex = 0; spaceIndex < data2.space.length; spaceIndex++) { const spaceData = data2.space[spaceIndex]; let reason = ""; let reasonText = keyword; let reasonLink = `/opus/${spaceData.contentInfo.id_str}`; let reasonTime = spaceData.contentInfo.pub_ts; if (spaceData.forwardInfo == null) { if (typeof spaceData.contentInfo.desc === "string" && spaceData.contentInfo.desc.match(keyword)) { reason = "投稿视频简介"; } else if ( typeof spaceData.contentInfo.title === "string" && spaceData.contentInfo.title.match(keyword) ) { reason = "投稿视频标题"; } } else { if (typeof spaceData.contentInfo.desc === "string" && spaceData.contentInfo.desc.match(keyword)) { reason = "空间动态转发"; } else if ( typeof spaceData.forwardInfo?.title === "string" && spaceData.forwardInfo.title.match(keyword) ) { reason = "空间动态视频标题"; } else if ( typeof spaceData.forwardInfo?.desc === "string" && spaceData.forwardInfo.desc.match(keyword) ) { reason = "空间动态视频简介"; } } if (reason !== "") { pushMatchedRule(ruleData, { reason, reasonText, reasonLink, reasonTime, }); } } }); } }); utils.sortListByProperty( matchedAllRule, (value) => { return value.matchedInfoList.length; }, true ); matchedAllRule.forEach((it) => { let $label = this.createLabel(it); domUtils.before($searchContainer, $label); }); }, }; const BilibiliPlayListPlayer = { $flag: { isWatchVideoChange: false, }, $data: { art: null, }, init() {}, updateArtPlayerVideoInfo(videoInfo, isEpChoose) { const that = this; VueUtils.waitVuePropToSet(BilibiliData.className.playlist + " .playlist-player", { msg: "等待覆盖playlist播放器", check(vueInstance) { return ( typeof vueInstance?.aid === "number" && typeof vueInstance?.cid === "number" && typeof vueInstance?.bvid === "string" ); }, async set(vueInstance) { $(".playlist-player .player-container")?.remove(); let $player = $(BilibiliData.className.playlist + " .playlist-player"); let $playerContainer = $(BilibiliData.className.playlist); let playerContainerVueInstance = VueUtils.getVue($playerContainer); let { aid, cid, bvid } = vueInstance; let { title, cover: pic } = playerContainerVueInstance.video; log.info(`视频播放信息 => aid：${aid} bvid：${bvid} cid：${cid}`); if (videoInfo == null) { videoInfo = { aid, bvid, cid, pic, title, }; } const artPlayerOption = await GenerateArtPlayerOption$1(videoInfo); if (artPlayerOption == null) { return; } let $artPlayer = $("#artplayer"); if (!$artPlayer) { const $artPlayerContainer = domUtils.createElement("div", { className: "artplayer-container", innerHTML: `

`, }); $artPlayer = $artPlayerContainer.querySelector("#artplayer"); domUtils.append($player, $artPlayerContainer); } artPlayerOption.container = $artPlayer; if (that.$data.art == null) { let art = await BilibiliVideoArtPlayer.init(artPlayerOption); if (art) { that.$data.art = art; } else { return; } that.$data.art.volume = 1; that.$data.art.once("ready", () => { Panel.execMenu("bili-video-playerAutoPlayVideoFullScreen", async () => { log.info(`自动进入全屏`); that.$data.art.fullscreen = true; that.$data.art.once("fullscreenError", () => { log.warn("未成功进入全屏，需要用户交互操作，使用网页全屏代替"); that.$data.art.fullscreenWeb = true; }); }); }); that.$data.art.on("video:ended", () => { log.info("视频播放结束，自动下一集"); let $controlPanel = $(BilibiliData.className.playlist + " .control-panel"); if (!$controlPanel) { log.error("未找到播放列表，无法自动播放下一集"); return; } let controlVueInstance = VueUtils.getVue($controlPanel); if (controlVueInstance == null) { log.error("未找到播放列表的Vue实例，无法自动播放下一集"); return; } let { playMode, mediaList, videoIndex } = vueInstance.$store.state.playlist; if (videoIndex >= mediaList.length - 1) { log.info(`播放列表已播放完毕`); } else { let $currentVideoCard = $(`.video-card[index="${videoIndex}"]`); let currentVideoCardVueInstance = VueUtils.getVue($currentVideoCard); let p = currentVideoCardVueInstance.p; if (p >= currentVideoCardVueInstance.video.page) { let $nextVideoCard = $(`.video-card[index="${videoIndex + 1}"]`); let nextVideoCardVueInstance = VueUtils.getVue($nextVideoCard); nextVideoCardVueInstance.changeVideo(); log.info(`当前播放列表共：${mediaList.length - 1}个，即将播放下一个视频，第${videoIndex + 2}个`); } else { p++; currentVideoCardVueInstance.changeVideo(p); log.info(`当前播放列表共：${mediaList.length - 1}个，即将播放第${videoIndex + 2}-${p}`); } } }); } else { await BilibiliVideoArtPlayer.update(that.$data.art, artPlayerOption); } }, }); VueUtils.waitVuePropToSet(BilibiliData.className.playlist + " .playlist-player", { msg: "等待监听playlist播放列表改变", check(vueInstance) { return typeof vueInstance.$watch === "function"; }, set(vueInstance) { if (!that.$flag.isWatchVideoChange) { that.$flag.isWatchVideoChange = true; vueInstance.$watch("cid", (newVal, oldVal) => { log.info(`切换播放视频`); that.updateArtPlayerVideoInfo(); }); } }, }); }, }; const BilibiliPlayList = { init() { this.coverVideoPlayer(); }, coverVideoPlayer() { if ($("#artplayer")) { log.warn("已存在播放器，更新播放信息"); } else { addStyle( ` #app .playlist .playlist-player .player-container{ display: none !important; } ${artPlayerCommonCSS} ${artPlayerCSS$1} ` ); } BilibiliPlayListPlayer.updateArtPlayerVideoInfo(); }, }; const Bilibili = { init() { BilibiliNetworkHook.init(); BilibiliGlobalData.init(); BilibiliVueProp.init(); Panel.execMenuOnce("bili-allowCopy", () => { return addStyle( ` .v-drawer{ -webkit-user-select: unset !important; -moz-user-select: unset !important; user-select: unset !important; } ` ); }); Panel.onceExec("listenRouterChange", () => { this.listenRouterChange(); }); Panel.execMenuOnce("bili-hookSetTimeout_autoOpenApp", () => { log.info("hook window.setTimeout autoOpenApp"); BilibiliHook.setTimeout("autoOpenApp"); BilibiliHook.setTimeout("bilibili://"); BilibiliHook.setTimeout("void 0 !== y && document[y]"); }); Panel.execMenuOnce("bili-overrideLaunchAppBtn_Vue_openApp", () => { log.info("覆盖元素.launch-app-btn上的openApp"); BilibiliHook.overRideLaunchAppBtn_Vue_openApp(); }); Panel.execMenuOnce("bili-cover-bili-open-app-open", () => { log.info(`覆盖元素bili-open-app上的opener.open`); BilibiliHook.overRideBiliOpenApp(); }); Panel.execMenuOnce("bili-cover-wx-tag-handleClick", () => { log.info(`覆盖元素.wx-tag的handleClick函数`); BilibiliHook.overRideWxTaghandleClick(); }); Panel.execMenuOnce("bili-head-beautify", () => { log.info("添加美化CSS"); return addStyle(BilibiliBeautifyCSS); }); Panel.execMenuOnce("bili-componentDetection", () => { BilibiliComponentDetection.init(); }); if (BilibiliRouter.isVideo()) { log.info("Router: 视频稿件"); BilibiliVideo.init(); } else if (BilibiliRouter.isOpus()) { log.info("Router: 专栏稿件"); BilibiliOpus.init(); } else if (BilibiliPCRouter.isReadMobile()) { log.info("PC-Router: 专栏稿件"); BilibiliReadMobile.init(); } else if (BilibiliRouter.isDynamic()) { log.info("Router: 动态"); BilibiliDynamic.init(); } else if (BilibiliRouter.isBangumi()) { log.info("Router: 番剧"); BilibiliBangumi.init(); } else if (BilibiliRouter.isSearch()) { log.info("Router: 搜索"); BilibiliSearch.init(); } else if (BilibiliRouter.isLive()) { log.info("Router: 直播"); BilibiliLive.init(); } else if (BilibiliRouter.isTopicDetail()) { log.info("Router: 话题"); } else if (BilibiliRouter.isHead()) { log.info("Router: 首页之类的"); BilibiliHead.init(); } else if (BilibiliRouter.isSpace()) { log.info("Router: 个人空间"); BilibiliSpace.init(); } else if (BilibiliRouter.isPlayList()) { log.info(`Router: 播放列表`); BilibiliPlayList.init(); } else { log.error("该Router暂未适配，可能是首页之类：" + window.location.href); } domUtils.onReady(() => {}); }, listenRouterChange() { VueUtils.waitVuePropToSet("#app", { msg: "监听路由变化", check: (vueInstance) => { return typeof vueInstance?.$router?.afterEach === "function"; }, set: (vueInstance) => { log.success("成功设置监听路由变化"); vueInstance.$router.beforeHooks.splice(0, 0, (to, from, next) => { log.info("路由变化 => 更新前", { to, from, }); if (to["hash"] === "#/seeCommentReply" || from["hash"] === "#/seeCommentReply") { log.info("该路由变化判定为#/seeCommentReply"); next(); return; } if (Panel.getValue("bili-repairVueRouter404")) { if (to.name === "space") { log.info(`修复空间跳转404`); window.location.href = to.fullPath; return; } } if (to.fullPath.startsWith("/video")) { if ( from.fullPath.startsWith("/video") && Panel.getValue("bili-video-forceThisPageToRefreshAndRedirect") ) { log.info(`强制本页刷新`); window.location.href = to.fullPath; return; } else if (BilibiliRouter.isHead() && Panel.getValue("bili-head-openVideoInNewTab")) { log.info(`当前是首页，新标签页打开`); window.open(to.fullPath, "_blank"); return; } } else if (to.fullPath.startsWith("/bangumi")) { if (from.fullPath.startsWith("/bangumi")) { log.info(`番剧 => 番剧`); window.location.href = to.fullPath; return; } else if (BilibiliRouter.isHead() && Panel.getValue("bili-head-openVideoInNewTab")) { log.info(`首页 => 番剧`); window.open(to.fullPath, "_blank"); return; } } next(); }); vueInstance.$router.afterHooks.splice(0, 0, (to, from) => { log.info("路由变化 => 更新后", { to, from, }); if (to["hash"] === "#/seeCommentReply" || from["hash"] === "#/seeCommentReply") { log.info("该路由变化判定为#/seeCommentReply，不重载"); return; } Panel.execMenu("bili-listenRouterChange", () => { Bilibili.init(); }); }); }, }); }, }; const SettingUICommon = { id: "panel-common", title: "通用", views: [ { text: "", type: "container", views: [ { text: "功能", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "监听路由-重载所有功能", "bili-listenRouterChange", true, void 0, "用于处理页面跳转(本页)时功能不生效问题" ), UISwitch( "修复VueRouter跳转404问题", "bili-repairVueRouter404", true, void 0, "例如：点击UP主正确进入空间" ), UISwitch( "新标签页打开", "bili-go-to-url-blank", false, void 0, "通过开启【覆盖点击事件】相关的设置，通过新标签页打开链接" ), UISwitch("允许复制", "bili-allowCopy", true, void 0, "一般用于处理楼层的回复弹窗内无法选中复制问题"), ], }, ], }, { text: "变量设置", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("noCallApp", "bili-noCallApp", true, void 0, "$store.state.common.noCallApp=true"), UISwitch( "isLogin", "bili-setLogin", true, void 0, ["$store.state.common.userInfo.isLogin=true", "$store.state.loginInfo.isLogin=true"].join("
") ), UISwitch( "isClient", "bili-setIsClient", true, void 0, [ "$store.state.video.isClient=true", "$store.state.opus.isClient=true", "$store.state.playlist.isClient=true", "$store.state.ver.bili=true", "$store.state.ver.biliVer=2333", ].join("
") ), ], }, ], }, { text: "劫持/拦截", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "覆盖.launch-app-btn openApp", "bili-overrideLaunchAppBtn_Vue_openApp", true, void 0, "覆盖.launch-app-btn元素上的openApp函数，可阻止点击唤醒/下载App" ), UISwitch( "覆盖bili-open-app opener.open", "bili-cover-bili-open-app-open", true, void 0, "覆盖bili-open-app/m-open-app元素上的opener.open函数，可阻止点击唤醒/下载App，如果存在有效链接，会自动跳转" ), UISwitch( "覆盖.wx-tag的handleClick", "bili-cover-wx-tag-handleClick", true, void 0, "覆盖.wx-tag元素上的点击事件，让它直接打开视频" ), UISwitch( "劫持setTimeout-autoOpenApp", "bili-hookSetTimeout_autoOpenApp", true, void 0, "阻止自动调用App" ), ], }, ], }, { type: "deepMenu", text: "成分检测", views: [ { type: "container", text: "", views: [ UISwitch("启用", "bili-componentDetection", true, void 0, "启用后可检测用户的成分信息"), UIButton("自定义规则", "检测用户成分的规则", "管理", void 0, false, false, "primary", () => { BilibiliComponentDetectionRule.showView(); }), ], }, { type: "container", text: "", views: [ UIButton("数据导入", "导入自定义规则数据", "导入", void 0, false, false, "primary", () => { BilibiliComponentDetectionRule.importRule(); }), UIButton("数据导出", "导出自定义规则数据", "导出", void 0, false, false, "primary", () => { BilibiliComponentDetectionRule.exportRule("成分检测.json"); }), ], }, ], }, ], }, { text: "", type: "container", views: [ { text: "数据配置", type: "deepMenu", views: [ { text: "", type: "container", views: [ UIInputPassword( "access_token", "bili-head-recommend-access_token", BilibiliQrCodeLogin.getAccessToken(), "填入access_token，可用于获取推荐视频数据、番剧搜索、番剧播放等", (event, value) => { BilibiliQrCodeLogin.setAccessTokenInfo({ access_token: value, expireAt: BilibiliQrCodeLogin.generateExpireAt(), }); } ), ], }, ], }, { text: "Toast配置", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISelect( "Toast位置", "qmsg-config-position", "bottom", [ { value: "topleft", text: "左上角", }, { value: "top", text: "顶部", }, { value: "topright", text: "右上角", }, { value: "left", text: "左边", }, { value: "center", text: "中间", }, { value: "right", text: "右边", }, { value: "bottomleft", text: "左下角", }, { value: "bottom", text: "底部", }, { value: "bottomright", text: "右下角", }, ], (isSelectedInfo) => { log.info("设置当前Qmsg弹出位置" + isSelectedInfo.text); }, "Toast显示在页面九宫格的位置" ), UISelect( "最多显示的数量", "qmsg-config-maxnums", 3, [ { value: 1, text: "1", }, { value: 2, text: "2", }, { value: 3, text: "3", }, { value: 4, text: "4", }, { value: 5, text: "5", }, ], void 0, "限制Toast显示的数量" ), UISwitch("逆序弹出", "qmsg-config-showreverse", false, void 0, "修改Toast弹出的顺序"), ], }, ], }, { text: "Cookie配置", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("启用", "httpx-use-cookie-enable", false, void 0, "启用后，将根据下面的配置进行添加cookie"), UISwitch( "使用document.cookie", "httpx-use-document-cookie", false, void 0, "自动根据请求的域名来获取对应的cookie" ), UITextArea( "bilibili.com", "httpx-cookie-bilibili.com", "", void 0, void 0, "Cookie格式：xxx=xxxx;xxx=xxxx" ), ], }, ], }, ], }, ], }; const SettingUIHead = { id: "panel-head", title: "首页", views: [ { text: "", type: "container", views: [ { text: "功能", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("美化显示", "bili-head-beautify", true, void 0, "调整瀑布流视频卡片样式类似哔哩哔哩App"), UISwitch("美化顶部NavBar", "bili-beautifyTopNavBar", true, void 0, "类似哔哩哔哩App的样式"), UISwitch( "补充推荐视频信息", "bili-head-supplementaryVideoStreamingInformation", true, void 0, "给视频添加UP主名，当前视频总时长信息" ), UISwitch("新标签页打开", "bili-head-openVideoInNewTab", false, void 0, "包括视频、番剧"), ], }, ], }, { text: "推荐视频", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "启用", "bili-head-recommend-enable", true, void 0, "添加【推荐】标签，数据来源为App端(如果填入了access_token的话)" ), UISwitch( "显示【图文】", "bili-head-recommend-push-graphic", true, void 0, "加载App端推送的【图文】卡片" ), ], }, ], }, ], }, ], }; const SettingUIVideo = { id: "panel-video", title: "视频", isDefault() { return BilibiliRouter.isVideo(); }, views: [ { text: "", type: "container", views: [ { text: "功能", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "强制本页刷新跳转", "bili-video-forceThisPageToRefreshAndRedirect", false, void 0, "用于处理内存泄露问题" ), UISwitch("新增评论模块", "bili-video-addCommentModule", true, void 0, "用于查看当前视频的评论"), UISwitch( "新增简介模块", "bili-video-addDescModule", true, void 0, "用于查看当前视频的播放量、简介、一键三连等信息" ), ], }, ], }, { text: "ArtPlayer播放器", type: "deepMenu", views: [ { text: "功能", type: "container", views: [ UISwitch("启用", "bili-video-enableArtPlayer", true, void 0, "使用artplayer代替页面的播放器"), UISelect( "播放的视频类型", "bili-video-playType", "mp4", [ { text: "mp4", value: "mp4", }, { text: "dash", value: "dash", }, ], void 0, "当选择dash时会有画质更高的选项" ), UISwitch("自动播放视频", "bili-video-playerAutoPlayVideo", false, void 0, ""), UISwitch("自动进入全屏", "bili-video-playerAutoPlayVideoFullScreen", false, void 0, ""), ], }, { text: "控件设置", type: "container", views: [ UISlider( "controls左右边距", "bili-video-artplayer-controlsPadding-left-right", 0, 0, 50, void 0, (value) => { return value + "px"; }, "可用于全屏横屏适配屏幕", 1 ), ], }, { text: "插件", type: "container", views: [ UISwitch("弹幕", "artplayer-plugin-video-danmaku-enable", true, void 0, "哔哩哔哩 (゜-゜)つロ干杯~"), UISwitch( "Dash Audio Support", "artplayer-plugin-video-m4sAudioSupport-enable", true, void 0, "视频类型为dash时，该插件可支持播放音频" ), UISwitch( "选集", "artplayer-plugin-video-epChoose-enable", true, void 0, "当视频播放完毕后会自动连播" ), UISwitch( "CC字幕", "artplayer-plugin-video-cc-subtitle-enable", true, void 0, "字幕支持插件，如果存在繁体字幕，则自动生成简体字幕" ), UISwitch( "顶部工具栏", "artplayer-plugin-video-toptoolbar-enable", true, void 0, "显示视频标题和当前观看人数" ), UISwitch( "视频统计信息", "artplayer-plugin-video-statistics-enable", true, void 0, "用于显示当前视频信息的弹窗" ), ], }, { text: "加速CDN设置（dash）", type: "container", views: [ UISelect( "视频-UPOS服务器设置", "bili-video-uposServerSelect", BilibiliCDNServerList[0].host, BilibiliCDNServerList.map((item) => { return { text: item.name, value: item.host, }; }), void 0, "设置视频流的服务器，可加快视频加载速度" ), UIInput( "视频-自定义UPOS服务器", "bili-video-uposServerSelect-own", "", "自定义的服务器优先级大于上面选择的服务器", void 0, "请输入upos服务器的域名" ), UISelect( "音频-UPOS服务器设置", "bili-video-uposServerSelect-audio", BilibiliCDNServerList[0].host, BilibiliCDNServerList.map((item) => { return { text: item.name, value: item.host, }; }), void 0, "设置音频的服务器，可加快音频加载速度" ), UIInput( "音频-自定义UPOS服务器", "bili-video-uposServerSelect-audio-own", "", "自定义的服务器优先级大于上面选择的服务器", void 0, "请输入upos服务器的域名" ), ], }, ], }, { text: "覆盖点击事件", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("UP主信息", "bili-video-cover-UpWrapper", true, void 0, "点击UP主头像/名称可跳转至UP主空间"), UISwitch( "相关视频", "bili-video-cover-bottomRecommendVideo", true, void 0, "点击下面的相关视频可正确跳转至该视频" ), UISwitch( "选集", "bili-video-cover-seasonNew", true, void 0, "点击下面的选集列表内的视频可正确跳转至该视频" ), ], }, ], }, { text: "劫持/拦截", type: "deepMenu", views: [ { text: "", type: "container", views: [UISwitch("阻止调用App", "bili-video-hook-callApp", true, void 0, "处理函数: PlayerAgent")], }, ], }, ], }, ], }; const SettingUIOpus = { id: "panel-opus", title: "专栏", isDefault() { return BilibiliRouter.isOpus(); }, views: [ { text: "", type: "container", views: [ { text: "功能", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "自动展开阅读全文", "bili-opus-automaticallyExpandToReadFullText", true, void 0, "屏蔽【展开阅读全文】按钮并自动处理全文高度" ), ], }, ], }, { text: "变量设置", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("autoOpenApp", "bili-opus-variable-autoOpenApp", true, void 0, "autoOpenApp函数置空"), UISwitch("go404", "bili-opus-variable-go404", true, void 0, "go404函数置空，可禁止前往404页面"), UISwitch("handleFallback", "bili-opus-variable-handleFallback", true, void 0, "禁止前往404页面"), ], }, ], }, { text: "覆盖点击事件", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("话题", "bili-opus-cover-topicJump", true, void 0, "点击话题正确跳转"), UISwitch( "header用户", "bili-opus-cover-header", true, void 0, "点击内容上的发布本动态的用户正确跳转个人空间" ), ], }, ], }, ], }, ], }; const SettingUIDynamic = { id: "panel-dynamic", title: "动态", isDefault() { return BilibiliRouter.isDynamic(); }, views: [ { text: "", type: "container", views: [ { text: "覆盖点击事件", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("话题", "bili-dynamic-cover-topicJump", true, void 0, "点击话题正确跳转"), UISwitch( "header用户", "bili-dynamic-cover-header", true, void 0, "点击内容上的发布本动态的用户正确跳转个人空间" ), UISwitch("@用户", "bili-dynamic-cover-atJump", true, void 0, "点击@用户正确跳转个人空间"), UISwitch("引用", "bili-dynamic-cover-referenceJump", true, void 0, "点击引用的视频|用户正确跳转"), ], }, ], }, ], }, ], }; const SettingUIBangumi = { id: "panel-bangumi", title: "番剧", isDefault() { return BilibiliRouter.isBangumi(); }, views: [ { text: "", type: "container", views: [ { text: "功能", type: "deepMenu", views: [ { text: "", type: "container", views: [UISwitch("固定缩放倍率", "bili-bangumi-initialScale", true, void 0, "")], }, ], }, { text: "ArtPlayer播放器", type: "deepMenu", views: [ { text: "控件设置", type: "container", views: [ UISlider( "controls左右边距", "bili-bangumi-artplayer-controlsPadding-left-right", 0, 0, 50, void 0, (value) => { return value + "px"; }, "可用于全屏横屏适配屏幕", 1 ), ], }, { text: "插件", type: "container", views: [ UISwitch( "弹幕", "artplayer-plugin-bangumi-danmaku-enable", true, void 0, "哔哩哔哩 (゜-゜)つロ干杯~" ), UISwitch( "Dash Audio Support", "artplayer-plugin-bangumi-m4sAudioSupport-enable", true, void 0, "视频类型为dash时，该插件可支持播放音频" ), UISwitch( "选集", "artplayer-plugin-bangumi-epChoose-enable", true, void 0, "当视频播放完毕后会自动连播" ), UISwitch( "CC字幕", "artplayer-plugin-bangumi-cc-subtitle-enable", true, void 0, "字幕支持插件，如果存在繁体字幕，则自动生成简体字幕" ), UISwitch( "顶部工具栏", "artplayer-plugin-bangumi-toptoolbar-enable", true, void 0, "显示视频标题和当前观看人数" ), UISwitch( "空降助手", "artplayer-plugin-bangumi-airborneHelper-enable", true, void 0, "如果获取到的信息中存在空降信息，如跳过片头片尾，那么会自动跳过" ), UISwitch( "视频统计信息", "artplayer-plugin-bangumi-statistics-enable", true, void 0, "用于显示当前视频信息的弹窗" ), ], }, { text: "解除区域限制", type: "container", views: [ UISwitch( "解锁番剧限制", "bili-bangumi-unlockAreaLimit", false, void 0, "使用户可以观看区域外版权番剧" ), UISwitch( "生成简中字幕", "bili-bangumi-generateSimpleChineseSubtitle", true, void 0, "根据繁体字幕自动生成简体中文字幕" ), ], }, { text: "加速CDN设置（dash）", type: "container", views: [ UISelect( "视频-UPOS服务器设置", "bili-bangumi-uposServerSelect", BilibiliCDNServerList[0].host, BilibiliCDNServerList.map((item) => { return { text: item.name, value: item.host, }; }), void 0, "设置视频流的服务器，可加快视频加载速度" ), UIInput( "视频-自定义UPOS服务器", "bili-bangumi-uposServerSelect-own", "", "自定义的服务器优先级大于上面选择的服务器", void 0, "请输入upos服务器的域名" ), UISelect( "音频-UPOS服务器设置", "bili-bangumi-uposServerSelect-audio", BilibiliCDNServerList[0].host, BilibiliCDNServerList.map((item) => { return { text: item.name, value: item.host, }; }), void 0, "设置音频的服务器，可加快音频加载速度" ), UIInput( "音频-自定义UPOS服务器", "bili-bangumi-uposServerSelect-audio-own", "", "自定义的服务器优先级大于上面选择的服务器", void 0, "请输入upos服务器的域名" ), ], }, { text: "解析服务器", type: "container", views: [ UIInput( "中国大陆", "bili-bangumi-proxyApiServer-default", "", "用于请求播放地址的代理", void 0, "bilibili优化.example.com" ), UIInput( "香港", "bili-bangumi-proxyApiServer-hk", "", "用于请求播放地址的代理", void 0, "bilibili优化.example.com" ), UIInput( "台湾", "bili-bangumi-proxyApiServer-tw", "", "用于请求播放地址的代理", void 0, "bilibili优化.example.com" ), UIInput( "泰国/东南亚", "bili-bangumi-proxyApiServer-tha-or-sea", "", "用于请求播放地址的代理", void 0, "bilibili优化.example.com" ), ], }, ], }, { text: "覆盖点击事件", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "【选集】", "bili-bangumi-cover-clicl-event-chooseEp", true, void 0, "让【选集】的视频列表可点击跳转" ), UISwitch( "【其它】", "bili-bangumi-cover-clicl-event-other", true, void 0, "让【PV&其他】、【预告】、【主题曲】、【香境剧场】等的视频列表可点击跳转" ), UISwitch( "【更多推荐】", "bili-bangumi-cover-clicl-event-recommend", true, void 0, "让【更多推荐】的视频列表可点击跳转" ), ], }, ], }, { text: "劫持/拦截", type: "deepMenu", views: [ { text: "", type: "container", views: [UISwitch("阻止调用App", "bili-bangumi-hook-callApp", true, void 0, "")], }, ], }, ], }, ], }; const SettingUISearch = { id: "panel-search", title: "搜索", isDefault() { return BilibiliRouter.isSearch(); }, views: [ { type: "container", text: "", views: [ { type: "deepMenu", text: "功能", views: [ { type: "container", text: "", views: [ UISwitch("搜索框自动获取焦点", "bili-search-inputAutoFocus", true, void 0, ""), UISwitch("美化搜索结果", "bili-search-beautifySearchResult", true, void 0, "重构搜索结果的样式"), UISwitch( "开启其它地区番剧搜索", "bili-search-enableOtherAreaSearchBangumi", false, void 0, "在搜索页面添加其它地区番剧搜索结果，需要解析服务器支持" ), ], }, { text: "搜索服务器", type: "container", views: [ UIInput( "香港", "bili-search-proxyApiServer-hk", "", "用于搜索番剧结果的代理", void 0, "bilibili优化.example.com" ), UIInput( "台湾", "bili-search-proxyApiServer-tw", "", "用于搜索番剧结果的代理", void 0, "bilibili优化.example.com" ), UIInput( "泰国/东南亚", "bili-search-proxyApiServer-tha-or-sea", "", "用于搜索番剧结果的代理", void 0, "bilibili优化.example.com" ), ], }, ], }, { type: "deepMenu", text: "覆盖点击事件", views: [ { type: "container", text: "", views: [ UISwitch("取消", "bili-search-cover-cancel", false, void 0, "点击取消按钮回退至上一页"), UISwitch( "搜索结果", "bili-search-cover-card-result-click-event", true, void 0, "修复点击搜索结果不跳转视频的问题" ), ], }, ], }, { text: "变量设置", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("noCallApp", "bili-search-vue-prop-noCallApp", true, void 0, "noCallApp = true"), UISwitch( "openAppDialog", "bili-search-vue-prop-openAppDialog", true, void 0, "openAppDialog = false" ), ], }, ], }, ], }, ], }; const SettingUISpace = { id: "panel-space", title: "个人空间", isDefault() { return BilibiliRouter.isSpace(); }, views: [ { text: "", type: "container", views: [ { text: "功能", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "修复正确跳转", "bili-space-repairRealJump", true, void 0, "修复视频|动态的正确跳转，避免跳转404" ), ], }, ], }, { text: "覆盖点击事件", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "动态视频", "bili-space-coverDynamicStateCardVideo", true, void 0, "点击发布动态的视频可正常跳转至该视频" ), ], }, ], }, ], }, ], }; const SettingUILive = { id: "panel-live", title: "直播", isDefault() { return BilibiliRouter.isLive(); }, views: [ { text: "", type: "container", views: [ { type: "deepMenu", text: "功能", views: [ { text: "加速CDN设置", type: "container", views: [ UISwitch("启用", "bili-live-cdn-hook", false, void 0, "开启后，劫持网络请求并替换返回的视频流CDN"), UISelect( "直播视频流-UPOS服务器设置", "bili-live-uposServerSelect", BilibiliCDNServerList[0].host, BilibiliCDNServerList.map((item) => { return { text: item.name, value: item.host, }; }), void 0, "设置视频流的服务器，可加快视频加载速度" ), UIInput( "直播视频流-自定义UPOS服务器", "bili-live-uposServerSelect-own", "", "自定义的服务器优先级大于上面选择的服务器", void 0, "请输入upos服务器的域名" ), ], }, ], }, { text: "屏蔽", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch("【屏蔽】聊天室", "bili-live-block-chatRoom", false, void 0, "直接不显示底部的聊天室"), UISwitch( "【屏蔽】xxx进入直播间", "bili-live-block-brush-prompt", false, void 0, "直接不显示底部的xxx进入直播间" ), UISwitch( "【屏蔽】控制面板", "bili-live-block-control-panel", false, void 0, "屏蔽底部的发个弹幕、送礼" ), ], }, ], }, { text: "劫持/拦截", type: "deepMenu", views: [ { text: "", type: "container", views: [ UISwitch( "阻止open-app-btn元素点击事件触发", "bili-live-prevent-openAppBtn", true, void 0, "开启后可不跳转至唤醒App页面" ), ], }, ], }, ], }, ], }; const SettingUITopicDetail = { id: "panel-topic-detail", title: "话题", isDefault() { return BilibiliRouter.isTopicDetail(); }, views: [], }; const RunningFlag = utils.formatTime(void 0, "yyyy-MM-dd_HH:mm:ss") + "BilibiliPerfScriptRunning"; if (Reflect.has(_unsafeWindow, RunningFlag)) { log.error(`${_SCRIPT_NAME_}运行异常，请勿重复运行脚本：${RunningFlag}`); } else { Reflect.set(_unsafeWindow, RunningFlag, true); PanelContent.addContentConfig([ SettingUICommon, SettingUIHead, SettingUIVideo, SettingUIOpus, SettingUIDynamic, SettingUIBangumi, SettingUITopicDetail, SettingUISearch, SettingUISpace, SettingUILive, ]); PanelMenu.addMenuOption([ { key: "go_to_login", text: "🛠 前往登录", autoReload: false, isStoreValue: false, showText(text) { return text; }, callback() { BilibiliUtils.goToLogin(); }, }, { key: "go_to_login_to_parse_access_key", text: "🛠 扫码并解析access_key", autoReload: false, isStoreValue: false, showText(text) { return text; }, callback() { BilibiliQrCodeLogin.init(); }, }, ]); Panel.init(); Bilibili.init(); __pops__.config.cssText.index += ` /* bilibili颜色 #FB7299 */ .pops{ --bili-color: #FB7299; --bili-color-rgb: 251, 114, 153; } `; __pops__.config.cssText.panelCSS += ` .pops-slider{ --pops-slider-main-bg-color: var(--bili-color); --pops-slider-color-primary: var(--bili-color); } aside.pops-panel-aside .pops-is-visited, aside.pops-panel-aside ul li:hover{ color: rgb(var(--bili-color-rgb)); background: rgba(var(--bili-color-rgb), 0.1); } /* switch的 */ .pops-panel-switch.pops-panel-switch-is-checked span.pops-panel-switch__core{ border-color: rgb(var(--bili-color-rgb),var(--pops-bd-opacity)); background-color: rgb(var(--bili-color-rgb),var(--pops-bg-opacity)); } .pops button[type="primary"], .pops button[type="primary"]:active , .pops button[type="primary"]:hover{ --button-color: #ffffff; --button-bd-color: var(--bili-color); --button-bg-color: var(--bili-color); } `; } })(DOMUtils, pops, Utils, Qmsg, MD5, Viewer, Artplayer, artplayerPluginDanmuku, MD5); 12:["$","$L2d",null,{"script":{"script":{"id":24594,"user_id":0,"username":"","avatar":"","is_admin":0,"meta_json":{"author":["WhiteSevs"],"connect":["*","m.bilibili.com","www.bilibili.com","api.bilibili.com","app.bilibili.com","passport.bilibili.com","hdslb.com","aisubtitle.hdslb.com"],"description":["阻止跳转App、App端推荐视频流、解锁视频画质(番剧解锁需配合其它插件)、美化显示、去广告等"],"grant":["GM_addStyle","GM_addValueChangeListener","GM_deleteValue","GM_getResourceText","GM_getValue","GM_info","GM_listValues","GM_registerMenuCommand","GM_removeValueChangeListener","GM_setValue","GM_setValues","GM_unregisterMenuCommand","GM_xmlhttpRequest","unsafeWindow"],"icon":["$2e"],"license":["GPL-3.0-only"],"match":["*://m.bilibili.com/*","*://live.bilibili.com/*","*://www.bilibili.com/read/*","*://www.bilibili.com/h5/comment/*"],"name":["【移动端】bilibili优化"],"namespace":["https://github.com/WhiteSevs/TamperMonkeyScript"],"require":["https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/CoverUMD/index.js","https://fastly.jsdelivr.net/gh/WhiteSevs/TamperMonkeyScript@86be74b83fca4fa47521cded28377b35e1d7d2ac/lib/QRCode/index.umd.js","https://fastly.jsdelivr.net/npm/@whitesev/utils@2.11.11/dist/index.umd.js","https://fastly.jsdelivr.net/npm/@whitesev/domutils@1.9.11/dist/index.umd.js","https://fastly.jsdelivr.net/npm/@whitesev/pops@4.2.3/dist/index.umd.js","https://fastly.jsdelivr.net/npm/qmsg@1.7.0/dist/index.umd.js","https://fastly.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.js","https://fastly.jsdelivr.net/npm/md5@2.3.0/dist/md5.min.js","https://fastly.jsdelivr.net/npm/flv.js@1.6.2/dist/flv.js","https://fastly.jsdelivr.net/npm/artplayer@5.4.0/dist/artplayer.js","https://fastly.jsdelivr.net/npm/artplayer-plugin-danmuku@5.3.0/dist/artplayer-plugin-danmuku.js"],"resource":["ViewerCSS https://fastly.jsdelivr.net/npm/viewerjs@1.11.7/dist/viewer.min.css"],"run-at":["document-start"],"supporturl":["https://github.com/WhiteSevs/TamperMonkeyScript/issues"],"version":["2026.3.15"]},"script_id":2523,"version":"2026.3.15","changelog":"该版本为系统自动同步更新","is_pre_release":2,"status":1,"createtime":1773568868,"code":"$2f"},"id":2523,"user_id":80269,"username":"whitesev","avatar":"/api/v2/resource/image/TZogCvXCDNEVn4el","is_admin":0,"post_id":0,"name":"【移动端】bilibili优化","description":"阻止跳转App、App端推荐视频流、解锁视频画质(番剧解锁需配合其它插件)、美化显示、去广告等","category":null,"tags":[{"id":224,"name":"bilibili","num":0,"sort":0,"type":3,"createtime":0,"updatetime":0},{"id":410,"name":"视频增强","num":0,"sort":0,"type":3,"createtime":0,"updatetime":0},{"id":744,"name":"移动端优化","num":0,"sort":0,"type":3,"createtime":0,"updatetime":0},{"id":455,"name":"评论增强","num":0,"sort":0,"type":3,"createtime":0,"updatetime":0}],"status":1,"score":0,"score_num":0,"type":1,"public":1,"unwell":2,"archive":2,"danger":0,"enable_pre_release":2,"today_install":343,"total_install":146633,"summary":{"zh":"B站移动端优化脚本，提供评论增强、视频卡片美化、ArtPlayer 播放器集成、阻止跳转 App 等功能。","en":"Bilibili mobile optimization script with comment enhancement"},"createtime":1734591453,"updatetime":1792571330}}]