// ==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.12-0.9.12
// @author wTonyChen
// @copyright 2021 wTonyChen (https://github.com/wTonyChen)
// @compatible chrome 92+
// @compatible edge 92+
// @compatible opera 77+
// @compatible firefox 90+
// @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
// ==/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 a,
s = 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 = s.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;
},
r = (e, t) => {
window.localStorage && localStorage.setItem(e, t);
},
o = 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 a = RegExp("\\{" + t + "\\}", "g");
e = e.replace(a, arguments[t]);
}
return e;
};
((e) => {
let t,
a = 0,
s = !1,
l = document.querySelector("#g-topbar"),
i = document.querySelector("#g_iframe"),
n = 0,
r = 0,
o = !0;
if (!l || !Object.is(window.self, window.top)) return;
let c = 1.6 * l.getBoundingClientRect().height,
d = (e) => {
t && t.cancel(),
(r = 0),
(n = 0),
(a = 0),
(o = !1),
(t = l.animate([{ transform: "translateY(0)" }], {
duration: 200,
fill: "backwards",
easing: "cubic-bezier(.16,1,.29,.99)",
})),
(t.onfinish = (e) => {
(o = !0), (l.style.transform = "translateY(0)");
});
};
i.addEventListener("load", (e) => {
i.contentWindow.addEventListener("beforeunload", d),
i.contentDocument.addEventListener("scroll", (e) => {
o || t.cancel(),
(a = i.contentWindow.scrollY),
s ||
(window.requestAnimationFrame((e) => {
((e) => {
if (x("wksdscrolling")) {
let t = e - n;
(r = Math.max(Math.min(r + t, c), 0)),
(l.style.top = "0 !important"),
(l.style.transform = `translateY(-${r}px)`);
} else (l.style.top = ""), (l.style.transform = ""), (r = 0);
n = e;
})(a),
(s = !1);
}),
(s = !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"),
a = x("wkspipfont2"),
s = x("wkspipfsize"),
l = x("wkspipfweight"),
i = x("wkspipletterspacing"),
n = x("wkspipwordspacing"),
r = x("wkspiplinespacing"),
o = 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, '\\"')}"`),
a && d.push(`"${a.replace(/"/g, '\\"')}"`),
d.length > 0 &&
(e += `.container{font-family:${d.join(",")} !important}`),
l &&
!isNaN(+l) &&
(e += `.container,.container *{font-weight:${+l} !important}`),
s &&
!isNaN(+s) &&
(e += `.container>.line>.compare,.container>.line>.origin{font-size:${+s}px !important}`),
i &&
!isNaN(+i) &&
(e += `.container,.container *{letter-spacing:${+i}px !important}`),
n &&
!isNaN(+n) &&
(e += `.container,.container *{word-spacing:${+n}px !important}`),
r &&
!isNaN(+r) &&
(e += `.container>.line{padding:${+r}px 0 !important}`),
o &&
!isNaN(+o) &&
(e += `.container>.line{line-height:${+o}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"),
a = n("wkhi-d");
if (t && a) {
(t = t.split("|")), (a = a.split("|"));
for (let e = 0; e < t.length; e++)
for (let i = 0; i < a.length; i++)
(s = t[e]),
(l = a[i]),
(document.cookie = `${s};path=${l};max-age=3153600000`);
var s, 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 = {
kw7: (e) => {
!isNaN(+e) &&
+e > 99999 &&
+e < 1e6 &&
alert(
((e) => {
let t = "" + e,
a = 0,
s = t.length;
for (let e = 0; e < s; e++) {
let l = (
t[e].codePointAt() * (s - e) * (e + 1) +
1 +
e
).toString(26);
a += l
.substr(l.length - 1, 1)
.toUpperCase()
.codePointAt();
}
let l = ((9301 * a + 49297) % 233280) / 233280;
return Math.round(1e5 + 899999 * l);
})(e)
);
},
},
u = (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 a = document.querySelectorAll('img[src*="param="]');
for (let e = 0; e < a.length; e++) {
let t = a[e].src.split("?")[0];
if (a[e].src != t) {
let s = new Image(),
l = (i) => {
a[e] &&
(a[e].src.split("?")[0] == t &&
((a[e].src = t), a[e].classList.add("wk-hires-loaded")),
s.removeEventListener("load", l, !1));
};
s.addEventListener("load", l, !1),
a[e].classList.remove("wk-hires-loaded"),
(s.src = t);
}
}
})(),
x("wksemojisym") &&
((e) => {
let t = document.querySelectorAll(`img[src*="${i}"]`);
for (let e = 0; e < t.length; e++) {
let a = t[e].src.split(i)[1];
a &&
((a = a.split(".")[0]),
!isNaN(+a) &&
l[+a] &&
(t[
e
].src = `data:image/svg+xml;charset=utf-8,<svg%20xmlns="http://www.w3.org/2000/svg"%20width="21"%20height="21"><text%20xmlns="http://www.w3.org/2000/svg"%20font-size="14"%20x="10.5"%20y="12.4"%20font-family="Apple%20Color%20Emoji,'Noto%20Color%20Emoji','Segoe%20UI%20Emoji'"%20style="text-anchor:middle;dominant-baseline:middle">%26%23x${
l[+a]
};</text></svg>`));
}
})(),
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 a = document.querySelector(".m-proifo .name .tit"),
s = document.querySelector(".m-proifo .name #j-name-wrap");
a &&
s &&
((s.dataset.wkUsernameFull = s.title = a.innerText),
s.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]),
s = "/" == location.pathname,
n =
"video" == location.pathname.substring(1).split("/")[0] ||
"mv" == location.pathname.substring(1).split("/")[0];
if (
x("wksmusicsessionmeta") &&
"mediaSession" in navigator &&
(n || (s && !t))
) {
let t = document.querySelector(
n ? ".n-mv .title h2" : ".m-playbar .words .name"
),
s = 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: s ? s.innerText : "",
album: s ? s.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, a) &&
n &&
((a = e), (navigator.mediaSession.metadata = new MediaMetadata(a)));
} catch (e) {}
}
};
u(),
window.setInterval(u, 500),
c &&
(function () {
if ("/user/update" == location.pathname) {
let e = (e) => {
let t = document.querySelector("#baseBox");
if (t) {
let e = `<div class="item"><h3><span class="f-fs1">辅助脚本设置</span><span class="sub s-fc3">辅助脚本版本：0.2.12-0.9.12</span><span class="sub s-fc3">样式表版本：${o}</span></h3><ul class="n-plist n-plist-1" data-prompt-prefix="请输入">{1}</ul></div>`,
a =
'<li><label><input type="checkbox" class="f-rdi" {2}>{1}</label></li>',
s =
'<li class="wk-settings-button-line"><a class="u-btn2 u-btn2-2 u-btn2-w2" href="javascript:;" {2}><i>修改</i></a> <label>{1}</label></li>',
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 || "p" == l[e].t
? (i += p(
s,
l[e].label,
`data-wk-lsm="${l[e].lsm}" data-wk-t="${l[e].t}" data-wk-l="${l[e].label}"`
))
: (i += p(
a,
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 a = t.dataset.wkLsm;
t &&
a &&
("checkbox" == t.type
? r(a, t.checked ? "1" : "")
: r(a, t.value));
}),
t.appendChild(n),
n.addEventListener("click", (e) => {
let t = e.target.closest("[data-wk-t]");
if (!t || !t.dataset) return;
let a = t.dataset.wkLsm,
s = t.dataset.wkT,
l = t.dataset.wkL,
i = x(a),
n = t.closest("[data-prompt-prefix]");
if (((n = n ? n.dataset.promptPrefix : ""), t && a)) {
let e = n + l;
"p" == s && (e = n);
let t = window.prompt(e, i || ""),
x = ((e) => {
let t = 0,
a = "" + e,
s = a.length;
for (let e = 0; e < s; e++) t += a[e].codePointAt();
return t.toString(36) + s;
})(a);
if ("n" == s && isNaN(+t) && "" != t)
return void alert(
((e) => {
let t = "无效的值",
a = t.match(/\&#x[a-fA-F0-9]+;/g);
if (a)
for (let e = 0; e < a.length; e++) {
let s = a[e].substring(3, a[e].length - 1);
try {
s = JSON.parse(`"\\u${s.padStart(4, 0)}"`);
} catch (e) {}
t = t.replace(a[e], s);
}
return t;
})()
);
null != t && "p" != s
? r(a, t || "")
: "p" == s &&
m[x] &&
"function" == typeof m[x] &&
m[x](t);
}
});
}
};
window.addEventListener("load", e);
}
})();
})();
