${item.content || ''}
- ${imageBox || ''} -${item.content || ''}
- ${imageBox || ''} -${content}
- ${imageBox || ''} -${content}
- ${imageBox || ''} -${r}
` + processCommentContent(comment) { + const strippedContent = comment.replace(/${plainText}
` : ""; } - popCommentBarrage(e) { - var commentContent = this.processCommentContent(e.comment); - + popCommentBarrage(comment) { + const commentContent = this.processCommentContent(comment.comment); if (!commentContent.trim()) { return false; } - - let commentBarrageItem = document.createElement("div"); + const commentBarrageItem = document.createElement("div"); commentBarrageItem.className = "comment-barrage-item"; - commentBarrageItem.innerHTML = ` - - ${commentContent} - `; - + + ${commentContent} + `; this.config.barrageTimer.push(commentBarrageItem); - this.config.dom.appendChild(commentBarrageItem); return true; } - removeCommentBarrage(e) { - e.className = "comment-barrage-item out", - setTimeout((() => { - this.config.dom.removeChild(e) - } - ), 1e3) + removeCommentBarrage(commentBarrageItem) { + commentBarrageItem.className = "comment-barrage-item out"; + setTimeout(() => { + this.config.dom.removeChild(commentBarrageItem); + }, 1000); } async initCommentBarrage() { - if (localStorage.getItem("commentBarrageSwitch") != null) { + const commentBarrageSwitch = localStorage.getItem("commentBarrageSwitch"); + if (commentBarrageSwitch != null) { document.querySelector(".comment-barrage").style.display = "flex"; - GLOBAL_CONFIG.rightside.enable && (document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评"); + if (GLOBAL_CONFIG.rightside.enable) { + document.querySelector(".menu-commentBarrage-text").textContent = "关闭热评"; + } document.querySelector("#consoleCommentBarrage").classList.add("on"); } else { document.querySelector(".comment-barrage").style.display = "none"; - GLOBAL_CONFIG.rightside.enable && (document.querySelector(".menu-commentBarrage-text").textContent = "显示热评"); + if (GLOBAL_CONFIG.rightside.enable) { + document.querySelector(".menu-commentBarrage-text").textContent = "显示热评"; + } document.querySelector("#consoleCommentBarrage").classList.remove("on"); } const comments = await this.fetchComments(); @@ -121,12 +120,13 @@ function initializeCommentBarrage() { this.commentInterval = null; const t = () => { if (this.config.barrageList.length && !this.hoverOnCommentBarrage) { - if (!this.popCommentBarrage(this.config.barrageList[this.config.barrageIndex])) - return this.config.barrageIndex += 1, - this.config.barrageIndex %= this.config.barrageList.length, - void t(); - this.config.barrageIndex += 1, - this.config.barrageIndex %= this.config.barrageList.length + if (!this.popCommentBarrage(this.config.barrageList[this.config.barrageIndex])) { + this.config.barrageIndex += 1; + this.config.barrageIndex %= this.config.barrageList.length; + return t(); + } + this.config.barrageIndex += 1; + this.config.barrageIndex %= this.config.barrageList.length; } if (this.config.barrageTimer.length > (this.config.barrageList.length > this.config.maxBarrage ? this.config.maxBarrage : this.config.barrageList.length) && !this.hoverOnCommentBarrage) { this.removeCommentBarrage(this.config.barrageTimer.shift()); @@ -152,5 +152,6 @@ function initializeCommentBarrage() { }); } } - (e) + + new CommentBarrage(e); } \ No newline at end of file diff --git a/source/js/covercolor/local.js b/source/js/covercolor/local.js index 6810f8b2..adb59d36 100644 --- a/source/js/covercolor/local.js +++ b/source/js/covercolor/local.js @@ -107,9 +107,6 @@ function colorRgb(str) { } function setThemeColors(value, r = null, g = null, b = null) { - const cardContents = document.getElementsByClassName('card-content'); - const authorInfo = document.getElementsByClassName('author-info__sayhi'); - if (value) { document.documentElement.style.setProperty('--sco-main', value); document.documentElement.style.setProperty('--sco-main-op', value + '23'); @@ -118,13 +115,17 @@ function setThemeColors(value, r = null, g = null, b = null) { if (r && g && b) { let brightness = Math.round(((parseInt(r) * 299) + (parseInt(g) * 587) + (parseInt(b) * 114)) / 1000); - for (let i = 0; i < cardContents.length; i++) { - cardContents[i].style.setProperty('--sco-card-bg', 'var(--sco-white)'); - } - - for (let i = 0; i < authorInfo.length; i++) { - authorInfo[i].style.setProperty('background', 'var(--sco-white-op)'); - authorInfo[i].style.setProperty('color', 'var(--sco-white)'); + if (brightness < 125) { + let cardContents = document.getElementsByClassName('card-content'); + for (let i = 0; i < cardContents.length; i++) { + cardContents[i].style.setProperty('--sco-card-bg', 'var(--sco-white)'); + } + + let authorInfo = document.getElementsByClassName('author-info__sayhi'); + for (let i = 0; i < authorInfo.length; i++) { + authorInfo[i].style.setProperty('background', 'var(--sco-white-op)'); + authorInfo[i].style.setProperty('color', 'var(--sco-white)'); + } } } diff --git a/source/js/music.js b/source/js/music.js index e9f085b0..7525a6ef 100644 --- a/source/js/music.js +++ b/source/js/music.js @@ -1,93 +1,135 @@ -var vh = window.innerHeight * 1; -var scoMusic = { - // 获取地址栏参数 - // 创建URLSearchParams对象并传入URL中的查询字符串 +const scoMusic = { params: new URLSearchParams(window.location.search), - extractValue: function (input) { - var valueRegex = /\("([^\s]+)"\)/g; - var match = valueRegex.exec(input); + extractValue: (input) => { + const valueRegex = /\("([^\s]+)"\)/g; + const match = valueRegex.exec(input); return match[1]; }, - changeMusicBg: function (isChangeBg = true) { - const MusicBg = document.getElementById("Music-bg") - const MusicLoading = document.getElementsByClassName("Music-loading") + changeMusicBg: (isChangeBg = true) => { + const MusicBg = document.getElementById("Music-bg"); + const MusicLoading = document.getElementsByClassName("Music-loading"); if (isChangeBg) { const musiccover = document.querySelector("#Music-page .aplayer-pic"); - var img = new Image(); + const img = new Image(); img.src = scoMusic.extractValue(musiccover.style.backgroundImage); - img.onload = function () { + img.onload = () => { MusicBg.style.backgroundImage = musiccover.style.backgroundImage; }; } else { - let timer = setInterval(() => { + const timer = setInterval(() => { const musiccover = document.querySelector("#Music-page .aplayer-pic"); - // 确保player加载完成 if (musiccover) { MusicLoading[0].style.display = "none"; - clearInterval(timer) - document.querySelector('meting-js') - .aplayer.volume(0.8, true); + clearInterval(timer); + document.querySelector('meting-js').aplayer.volume(0.8, true); scoMusic.addEventListenerChangeMusicBg(); MusicBg.style.display = "block"; } - }, 100) + }, 100); } }, - lrcupdate: function () { - var aplayerLrcContents = document.querySelector('.aplayer-lrc-contents'); - var currentLrc = aplayerLrcContents.querySelector('p.aplayer-lrc-current'); + lrcupdate: () => { + const aplayerLrcContents = document.querySelector('.aplayer-lrc-contents'); + const currentLrc = aplayerLrcContents.querySelector('p.aplayer-lrc-current'); if (currentLrc) { - var currentIndex = Array.from(aplayerLrcContents.children) - .indexOf(currentLrc); - var translateYValue = -currentIndex * 80; + const currentIndex = Array.from(aplayerLrcContents.children).indexOf(currentLrc); + const translateYValue = -currentIndex * 80; - aplayerLrcContents.style.transform = 'translateY(' + translateYValue + 'px)'; + aplayerLrcContents.style.transform = `translateY(${translateYValue}px)`; } }, - buttonlist: function () { - document.querySelector(".aplayer-lrc") - .addEventListener("click", function () { - const aplayerList = document.querySelector(".aplayer-list"); + buttonlist: () => { + const aplayerList = document.querySelector(".aplayer-list"); + if (aplayerList) { + document.querySelector(".aplayer-lrc").addEventListener("click", () => { + if (aplayerList.classList.contains("aplayer-list-hide")) { + aplayerList.classList.remove("aplayer-list-hide"); + } else { + aplayerList.classList.add("aplayer-list-hide"); + } + }); + } + }, + extractValue: (input) => { + const valueRegex = /\("([^\s]+)"\)/g; + const match = valueRegex.exec(input); + return match[1]; + }, + changeMusicBg: (isChangeBg = true) => { + const MusicBg = document.getElementById("Music-bg"); + const MusicLoading = document.getElementsByClassName("Music-loading"); + + if (isChangeBg) { + const musiccover = document.querySelector("#Music-page .aplayer-pic"); + const img = new Image(); + img.src = scoMusic.extractValue(musiccover.style.backgroundImage); + img.onload = () => { + MusicBg.style.backgroundImage = musiccover.style.backgroundImage; + }; + } else { + const timer = setInterval(() => { + const musiccover = document.querySelector("#Music-page .aplayer-pic"); + if (musiccover) { + MusicLoading[0].style.display = "none"; + clearInterval(timer); + document.querySelector('meting-js').aplayer.volume(0.8, true); + + scoMusic.addEventListenerChangeMusicBg(); + MusicBg.style.display = "block"; + } + }, 100); + } + }, + lrcupdate: () => { + const aplayerLrcContents = document.querySelector('.aplayer-lrc-contents'); + const currentLrc = aplayerLrcContents.querySelector('p.aplayer-lrc-current'); + + if (currentLrc) { + const currentIndex = Array.from(aplayerLrcContents.children).indexOf(currentLrc); + const translateYValue = -currentIndex * 80; + aplayerLrcContents.style.transform = `translateY(${translateYValue}px)`; + } + }, + buttonlist: () => { + const aplayerList = document.querySelector(".aplayer-list"); + if (aplayerList) { + document.querySelector(".aplayer-lrc").addEventListener("click", () => { if (aplayerList.classList.contains("aplayer-list-hide")) { aplayerList.classList.remove("aplayer-list-hide"); } else { aplayerList.classList.add("aplayer-list-hide"); } }); + } }, - addEventListenerChangeMusicBg: function () { - const aplayer = document.getElementById("Music-page").querySelector("meting-js").aplayer - aplayer.on('loadeddata', function () { + addEventListenerChangeMusicBg: () => { + const aplayer = document.getElementById("Music-page").querySelector("meting-js").aplayer; + aplayer.on('loadeddata', () => { scoMusic.changeMusicBg(); }); - aplayer.on('timeupdate', function () { + aplayer.on('timeupdate', () => { scoMusic.lrcupdate(); }); - scoMusic.buttonlist(); }, - getCustomPlayList: function () { + getCustomPlayList: () => { const MusicPage = document.getElementById("Music-page"); const playlistType = scoMusic.params.get("type") || "playlist"; if (scoMusic.params.get("id") && params.get("server")) { - var id = scoMusic.params.get("id") - var server = scoMusic.params.get("server") + const id = scoMusic.params.get("id"); + const server = scoMusic.params.get("server"); MusicPage.innerHTML = `
- 
+