// ==UserScript== // @name:en Userscript Helper for Flat-Style Netease Music Userstyle 适用于网易云音乐扁平风格样式表的辅助用户脚本 // @description:en Provides a better experience for Flat-Style Netease Music Userstyle. 为网易云音乐扁平风格样式表提供更佳的用户体验。 // @name:zh 适用于网易云音乐扁平风格样式表的辅助用户脚本 // @description:zh 为网易云音乐扁平风格样式表提供更佳的用户体验。 // @name 适用于网易云音乐扁平风格样式表的辅助用户脚本 // @description 为网易云音乐扁平风格样式表提供更佳的用户体验。 // @namespace wTonyChen.flatnmusich // @version 0.2.11-0.9.11 // @author wTonyChen // @copyright 2021 wTonyChen (https://github.com/wTonyChen) // @compatible chrome 91+ // @compatible edge 91+ // @compatible opera 76+ // @compatible firefox 89+ // @license GPL-3.0-or-later // @homepage https://wtonychen.github.io/flatnmusic/ // @supportURL https://github.com/wTonyChen/flatnmusic/issues // @match http*://music.163.com/* // @run-at document-end // @grant none // @downloadURL none // ==/UserScript== !(function () { "use strict"; let e = "wk-fnm-hi-cfg", t = document.querySelector("." + e); t || ((t = document.createElement("div")), (t.className = e), document.body.appendChild(t)); let s, a = getComputedStyle(t), l = { 86: "1f603", 85: "1f60a", 359: "263a", 95: "1f60d", 363: "1f618", 96: "1f631", 356: "1f62d", 362: "1f619", 352: "1f633", 87: "1f61e", 343: "1f601", 348: "1f61d", 353: "1f612", 361: "1f621", 341: "1f60f", 97: "1f613", 346: "1f616", 354: "1f630", 350: "1f628", 351: "1f637", 357: "1f602", 355: "1f635", 115: "1f47f", 360: "1f604", 94: "1f61c", 342: "1f614", 358: "1f622", 33: "2764", 34: "1f494", 303: "1f498", 309: "2b50", 314: "1f4a2", 89: "1f4a9", 13: "1f44d", 372: "1f44e", 14: "1f64f", 379: "1f46b", 380: "1f46f", 374: "1f645", 262: "1f481", 106: "1f48f", 376: "1f491", 367: "1f444", 81: "1f436", 78: "1f431", 100: "1f437", 459: "1f430", 450: "1f424", 461: "1f414", 116: "1f47b", 411: "1f385", 101: "1f47d", 52: "1f48e", 107: "1f381", 0: "1f466", 1: "1f467", 337: "1f382", 186: "1f51e", 312: "2b55", 313: "274c", }, i = "/style/web2/emt/emoji_", n = (e) => { let t = a.getPropertyValue("--" + e); if (t) try { t && t.indexOf("/") > -1 && (t = decodeURIComponent(t.replace(/\//g, "%"))); } catch (e) {} return ( ((0 === t.indexOf('"') && t.lastIndexOf('"') === t.length - 1) || (0 === t.indexOf("'") && t.lastIndexOf("'") === t.length - 1)) && (t = t.substr(1, t.length - 2)), t ); }, x = (e) => { let t; return window.localStorage && (t = localStorage.getItem(e)), t; }, o = (e, t) => { window.localStorage && localStorage.setItem(e, t); }, r = n("wkhi-a"), c = n("wkhi-b"); if (!c) return void t.parentElement.removeChild(t); document.documentElement.setAttribute("wk-style-assist", "true"); let d = x("wkoptin") || !1, p = function () { let e = arguments[0]; for (let t = 1; t < arguments.length; t++) { let s = RegExp("\\{" + t + "\\}", "g"); e = e.replace(s, arguments[t]); } return e; }; ((e) => { let t, s = 0, a = !1, l = document.querySelector("#g-topbar"), i = document.querySelector("#g_iframe"), n = 0, o = 0, r = !0; if (!l || !Object.is(window.self, window.top)) return; let c = 1.6 * l.getBoundingClientRect().height, d = (e) => { t && t.cancel(), (o = 0), (n = 0), (s = 0), (r = !1), (t = l.animate([{ transform: "translateY(0)" }], { duration: 200, fill: "backwards", easing: "cubic-bezier(.16,1,.29,.99)", })), (t.onfinish = (e) => { (r = !0), (l.style.transform = "translateY(0)"); }); }; i.addEventListener("load", (e) => { i.contentWindow.addEventListener("beforeunload", d), i.contentDocument.addEventListener("scroll", (e) => { r || t.cancel(), (s = i.contentWindow.scrollY), a || (window.requestAnimationFrame((e) => { ((e) => { if (x("wksdscrolling")) { let t = e - n; (o = Math.max(Math.min(o + t, c), 0)), (l.style.top = "0 !important"), (l.style.transform = `translateY(-${o}px)`); } else (l.style.top = ""), (l.style.transform = ""), (o = 0); n = e; })(s), (a = !1); }), (a = !0)); }); }); })(); let f = (e) => { if (!Object.is(window.self, window.top)) return; let t = document.querySelectorAll( ".m-playbar .listlyric>p:not(.wk-upgraded)" ); for (let e = 0; e < t.length; e++) (t[e].innerText = t[e].innerText.split("\n")[0]), t[e].classList.add("wk-upgraded"); }; x("wklrctrans") && document.body.classList.add("wk-playlist-applied"), (DocumentFragment.prototype.appendChildHost = DocumentFragment.prototype.appendChild), (DocumentFragment.prototype.appendChild = function () { if ( x("wksplayinguiani") && arguments[0].classList.contains("m-layer") && arguments[0].parentElement ) { let e = arguments[0].cloneNode(!0); arguments[0].dataset && arguments[0].dataset.wkAdvisedSize && ((e.style.minHeight = arguments[0].dataset.wkAdvisedSize + "px"), (arguments[0].dataset.wkAdvisedSize = "")), arguments[0].parentElement.insertBefore(e, arguments[0]), e.addEventListener("animationend", (t) => { e.remove(); }), e.classList.add("hidden"); } let e = "", t = x("wkspipfont"), s = x("wkspipfont2"), a = x("wkspipfsize"), l = x("wkspipfweight"), i = x("wkspipletterspacing"), n = x("wkspipwordspacing"), o = x("wkspiplinespacing"), r = x("wkspiplineheight"), c = x("wkspipcustomstyle"); if ("STYLE" == arguments[0].tagName) { x("wklrctrans") && (e += ".container>.line>.compare{display:none}"); let d = []; t && d.push(`"${t.replace(/"/g, '\\"')}"`), s && d.push(`"${s.replace(/"/g, '\\"')}"`), d.length > 0 && (e += `.container{font-family:${d.join(",")} !important}`), l && !isNaN(+l) && (e += `.container,.container *{font-weight:${+l} !important}`), a && !isNaN(+a) && (e += `.container>.line>.compare,.container>.line>.origin{font-size:${+a}px !important}`), i && !isNaN(+i) && (e += `.container,.container *{letter-spacing:${+i}px !important}`), n && !isNaN(+n) && (e += `.container,.container *{word-spacing:${+n}px !important}`), o && !isNaN(+o) && (e += `.container>.line{padding:${+o}px 0 !important}`), r && !isNaN(+r) && (e += `.container>.line{line-height:${+r}px !important}`), e && (this.appendChildHost.call( this, document.createElement("style") ).innerHTML = e), c && (this.appendChildHost.call( this, document.createElement("style") ).innerHTML = c); } if (!x("wksplayinguiani") || "g_playlist" != arguments[0].id) return this.appendChildHost.call(this, ...arguments); arguments[0].classList.add("hidden"), document.body.classList.remove("wk-playlist-showing"); }), (Element.prototype.appendChildHost = Element.prototype.appendChild), (Element.prototype.appendChild = function () { return ( x("wksplayinguiani") && "g_playlist" == arguments[0].id && (arguments[0].classList.remove("hidden"), document.body.classList.add("wk-playlist-showing")), x("wksplayinguiani") && arguments[0].classList && arguments[0].classList.contains("m-layer") && arguments[0].dataset && setTimeout((e) => { arguments[0].dataset.wkAdvisedSize = arguments[0].clientHeight; }, 50), x("wklrctrans") && "g_playlist" == arguments[0].id && setTimeout(f, 50), this.appendChildHost.call(this, ...arguments) ); }), x("wksfullpl") && ((e) => { let t = n("wkhi-c"), s = n("wkhi-d"); if (t && s) { (t = t.split("|")), (s = s.split("|")); for (let e = 0; e < t.length; e++) for (let i = 0; i < s.length; i++) (a = t[e]), (l = s[i]), (document.cookie = `${a};path=${l};max-age=3153600000`); var a, l; } })(), x("wkslowcontrast") && Object.is(window.self, window.top) && (document.documentElement.style.filter = "contrast(.8)"), x("wkslowbrightness") && Object.is(window.self, window.top) && (document.documentElement.style.filter = document.documentElement.style.filter + " brightness(.5)"); let m = (e) => { if ( (x("wklrctrans") && f(), x("wkshiresimages") && ((e) => { let t = document.querySelectorAll("img[data-src]"); for (let e = 0; e < t; e++) t[e].dataset.src && "" == t[e].src && (t[e].src = t[e].dataset.src); let s = document.querySelectorAll('img[src*="param="]'); for (let e = 0; e < s.length; e++) { let t = s[e].src.split("?")[0]; if (s[e].src != t) { let a = new Image(), l = (i) => { s[e] && (s[e].src.split("?")[0] == t && ((s[e].src = t), s[e].classList.add("wk-hires-loaded")), a.removeEventListener("load", l, !1)); }; a.addEventListener("load", l, !1), s[e].classList.remove("wk-hires-loaded"), (a.src = t); } } })(), x("wksemojisym") && ((e) => { let t = document.querySelectorAll(`img[src*="${i}"]`); for (let e = 0; e < t.length; e++) { let s = t[e].src.split(i)[1]; s && ((s = s.split(".")[0]), !isNaN(+s) && l[+s] && (t[ e ].src = `data:image/svg+xml;charset=utf-8,%26%23x${ l[+s] };`)); } })(), x("wksimprovedlook")) ) { if ("user" == location.pathname.substring(1).split("/")[0]) { let e = document.querySelector(".m-proifo dt img"), t = document.querySelector(".g-bd"); e && e.src && t && (document.documentElement.classList.add("has-upb"), (t.style.cssText = `--upb:url("${e.src}")`)); let s = document.querySelector(".m-proifo .name .tit"), a = document.querySelector(".m-proifo .name #j-name-wrap"); s && a && ((a.dataset.wkUsernameFull = a.title = s.innerText), a.classList.add("wk-full-username")); } let e = document.querySelector(".g-wrap>.m-info .cover img"), t = document.querySelector(".g-wrap>.m-info"); e && t && (document.documentElement.classList.add("has-mib"), (t.style.cssText = `--mib:url("${e.src}")`)); } let t = location.hash && ("video" == location.hash.substring(2).split("?")[0].split("/")[0] || "mv" == location.hash.substring(2).split("?")[0].split("/")[0]), a = "/" == location.pathname, n = "video" == location.pathname.substring(1).split("/")[0] || "mv" == location.pathname.substring(1).split("/")[0]; if ( x("wksmusicsessionmeta") && "mediaSession" in navigator && (n || (a && !t)) ) { let t = document.querySelector( n ? ".n-mv .title h2" : ".m-playbar .words .name" ), a = document.querySelector( n ? ".n-mv .title .name" : ".m-playbar .words .by" ), l = document.querySelector( n ? ".m-ctvideo .poster .pic" : ".m-playbar .head img" ), i = [], x = (document.querySelector(n ? null : ".m-playbar .btns .prv"), document.querySelector( n ? ".m-ctvideo.z-play .controls .wrap .play" : ".m-playbar .btns .ply" ), document.querySelector(n ? null : ".m-playbar .btns .nxt"), document.querySelector(n ? ".m-ctvideo" : ".m-playbar .btns .ply")); (x = x ? x.classList.contains(n ? "z-play" : "pas") ? "playing" : x.classList.contains(n ? "z-pause" : "ply") ? "paused" : "none" : "none"), l && l.src && (i = [ { src: l.src.split("?")[0] + "?param=96y96", sizes: "96x96", type: "image/jpeg", }, { src: l.src.split("?")[0] + "?param=128y128", sizes: "128x128", type: "image/jpeg", }, { src: l.src.split("?")[0] + "?param=192y192", sizes: "192x192", type: "image/jpeg", }, { src: l.src.split("?")[0] + "?param=256y256", sizes: "256x256", type: "image/jpeg", }, { src: l.src.split("?")[0] + "?param=384y384", sizes: "384x384", type: "image/jpeg", }, { src: l.src.split("?")[0] + "?param=512y512", sizes: "512x512", type: "image/jpeg", }, { src: l.src.split("?")[0], sizes: "any", type: "image/jpeg" }, ]); try { let e = { title: t ? t.innerText : document.title, artist: a ? a.innerText : "", album: a ? a.innerText : "", artwork: i, }; !((e, t) => { if ("object" == typeof e) try { e = JSON.stringify(e); } catch (e) {} if ("object" == typeof t) try { t = JSON.stringify(t); } catch (e) {} return e == t; })(e, s) && n && ((s = e), (navigator.mediaSession.metadata = new MediaMetadata(s))); } catch (e) {} } }; m(), window.setInterval(m, 500), c && (function () { if ("/user/update" == location.pathname) { let e = (e) => { let t = document.querySelector("#baseBox"); if (t) { let e = `

辅助脚本设置辅助脚本版本：0.2.11-0.9.11样式表版本：${r}

    {1}
`, s = '
    • ', a = '
  • 修改 
    • ', l = [ { label: "样式表增强外观", lsm: "wksimprovedlook", }, { label: "显示歌单内全部音乐", lsm: "wksfullpl", }, { label: "显示高清图片", lsm: "wkshiresimages", }, { label: "视频页面媒体信息显示支持", lsm: "wksmusicsessionmeta", test: "'mediaSession' in navigator", }, { label: "顶栏动态固定 (忽略顶栏滚动状态设置)", lsm: "wksdscrolling", }, { label: "表情图片以系统 Emoji 表情显示", lsm: "wksemojisym", }, { label: "正在播放歌单界面和窗口的增强动画 (刷新页面应用更改)", lsm: "wksplayinguiani", }, { label: "隐藏正在播放界面和画中画歌词翻译", lsm: "wklrctrans", }, { label: "降低页面亮度 (刷新页面应用更改)", lsm: "wkslowbrightness", }, { label: "降低页面对比度 (刷新页面应用更改)", lsm: "wkslowcontrast", }, { label: "画中画显示首选字体名称 (换歌应用更改)", lsm: "wkspipfont", t: "t", }, { label: "画中画显示备选字体名称 (换歌应用更改)", lsm: "wkspipfont2", t: "t", }, { label: "画中画显示字体粗细 (范围 100-900，换歌应用更改)", lsm: "wkspipfweight", t: "n", }, { label: "画中画歌词字体大小 (像素，换歌应用更改)", lsm: "wkspipfsize", t: "n", }, { label: "画中画歌词行间距 (像素，换歌应用更改)", lsm: "wkspiplinespacing", t: "n", }, { label: "画中画歌词行高 (像素，换歌应用更改)", lsm: "wkspiplineheight", t: "n", }, { label: "画中画显示字间距 (像素，换歌应用更改)", lsm: "wkspipletterspacing", t: "n", }, { label: "画中画显示词间距 (像素，换歌应用更改)", lsm: "wkspipwordspacing", t: "n", }, { label: "自定义画中画样式 (换歌应用更改)", lsm: "wkspipcustomstyle", t: "t", }, ], i = ""; for (let e = 0; e < l.length; e++) { if (l[e].roi && !d) continue; let t = !0; if (l[e].test) { t = !1; try { t = !!window.eval(l[e].test); } catch (e) {} } if (!t) continue; let n = x(l[e].lsm); "n" == l[e].t || "t" == l[e].t ? (i += p( a, l[e].label, `data-wk-lsm="${l[e].lsm}" data-wk-t="${l[e].t}" data-wk-l="${l[e].label}"` )) : (i += p( s, l[e].label, `${n ? "checked " : ""}data-wk-lsm="${l[e].lsm}"` )); } i = p(e, i); let n = document.createElement("div"); (n.className = "n-priv f-cb flatnmusic-settings"), (n.style.display = "none"), (n.innerHTML = i), n.addEventListener("change", (e) => { let t = e.target.closest("[data-wk-lsm]"); if (!t || !t.dataset) return; let s = t.dataset.wkLsm; t && s && ("checkbox" == t.type ? o(s, t.checked ? "1" : "") : o(s, t.value)); }), t.appendChild(n), n.addEventListener("click", (e) => { let t = e.target.closest("[data-wk-t]"); if (!t || !t.dataset) return; let s = t.dataset.wkLsm, a = t.dataset.wkT, l = t.dataset.wkL, i = x(s), n = t.closest("[data-prompt-prefix]"); if (((n = n ? n.dataset.promptPrefix : ""), t && s)) { let e = window.prompt(n + l, i || ""); if ("n" == a && isNaN(+e) && "" != e) return void alert("无效的值"); null != e && o(s, e || ""); } }); } }; window.addEventListener("load", e); } })(); })();