底栏增加歌词显示
This commit is contained in:
parent
7ff8f34dbd
commit
5722d17f43
@ -614,6 +614,11 @@ footer {
|
|||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.lrc-show {
|
||||||
|
/*播放音乐时底栏歌词*/
|
||||||
|
font-size: 1.15rem;
|
||||||
|
}
|
||||||
|
|
||||||
/*弹窗样式*/
|
/*弹窗样式*/
|
||||||
.iziToast {
|
.iziToast {
|
||||||
background: rgb(0 0 0 / 45%) !important;
|
background: rgb(0 0 0 / 45%) !important;
|
||||||
|
@ -369,7 +369,7 @@
|
|||||||
</main>
|
</main>
|
||||||
<!-- 版权信息 -->
|
<!-- 版权信息 -->
|
||||||
<footer id="footer" class="fixed-bottom footer">
|
<footer id="footer" class="fixed-bottom footer">
|
||||||
<div class="power">Copyright © 2020
|
<div class="power" id="lrc">Copyright © 2020
|
||||||
<script>
|
<script>
|
||||||
document.write(' - ' + (new Date()).getFullYear())
|
document.write(' - ' + (new Date()).getFullYear())
|
||||||
</script> <a href="https://imsyy.top">無名</a> &
|
</script> <a href="https://imsyy.top">無名</a> &
|
||||||
|
49
js/music.js
49
js/music.js
@ -3,7 +3,7 @@ const ap = new APlayer({
|
|||||||
order: 'random',
|
order: 'random',
|
||||||
preload: 'auto',
|
preload: 'auto',
|
||||||
listMaxHeight: '336px',
|
listMaxHeight: '336px',
|
||||||
volume: 0.5,
|
volume: 0.3,
|
||||||
mutex: true,
|
mutex: true,
|
||||||
lrcType: 3,
|
lrcType: 3,
|
||||||
audio: [{
|
audio: [{
|
||||||
@ -126,6 +126,46 @@ const ap = new APlayer({
|
|||||||
lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%BB%99%E6%88%91%E4%B8%80%E9%A6%96%E6%AD%8C%E7%9A%84%E6%97%B6%E9%97%B4.lrc",
|
lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E7%BB%99%E6%88%91%E4%B8%80%E9%A6%96%E6%AD%8C%E7%9A%84%E6%97%B6%E9%97%B4.lrc",
|
||||||
theme: "#e3ae55"
|
theme: "#e3ae55"
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: "霍元甲",
|
||||||
|
artist: "周杰伦",
|
||||||
|
url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9C%8D%E5%85%83%E7%94%B2.mp3",
|
||||||
|
cover: "https://y.qq.com/music/photo_new/T002R300x300M000000OixvE1YjIqd_3.jpg?max_age=2592000",
|
||||||
|
lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E9%9C%8D%E5%85%83%E7%94%B2.lrc",
|
||||||
|
theme: "#295249"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "兰亭序",
|
||||||
|
artist: "周杰伦",
|
||||||
|
url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%85%B0%E4%BA%AD%E5%BA%8F.mp3",
|
||||||
|
cover: "https://y.qq.com/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpg?max_age=2592000",
|
||||||
|
lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%85%B0%E4%BA%AD%E5%BA%8F.lrc",
|
||||||
|
theme: "#e3ae55"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "枫",
|
||||||
|
artist: "周杰伦",
|
||||||
|
url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9E%AB.mp3",
|
||||||
|
cover: "https://y.qq.com/music/photo_new/T002R300x300M0000024bjiL2aocxT_1.jpg?max_age=2592000",
|
||||||
|
lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%9E%AB.lrc",
|
||||||
|
theme: "#171513"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "断了的弦",
|
||||||
|
artist: "周杰伦",
|
||||||
|
url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.mp3",
|
||||||
|
cover: "https://y.qq.com/music/photo_new/T002R300x300M000001BGzMs369FzU_1.jpg?max_age=2592000",
|
||||||
|
lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E6%96%AD%E4%BA%86%E7%9A%84%E5%BC%A6.lrc",
|
||||||
|
theme: "#0057a7"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "天涯过客",
|
||||||
|
artist: "周杰伦",
|
||||||
|
url: "https://s-sh-2127-music.oss.dogecdn.com/song%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%A9%E6%B6%AF%E8%BF%87%E5%AE%A2.mp3",
|
||||||
|
cover: "https://y.qq.com/music/photo_new/T002R300x300M000001uqejs3d6EID_1.jpg?max_age=2592000",
|
||||||
|
lrc: "https://s-sh-2127-music.oss.dogecdn.com/lrc%2F%E5%91%A8%E6%9D%B0%E4%BC%A6-%E5%A4%A9%E6%B6%AF%E8%BF%87%E5%AE%A2.lrc",
|
||||||
|
theme: "#b88e16"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: "千里之外",
|
name: "千里之外",
|
||||||
artist: "周杰伦 / 费玉清",
|
artist: "周杰伦 / 费玉清",
|
||||||
@ -332,10 +372,17 @@ ap.on('play', function () {
|
|||||||
});
|
});
|
||||||
$("#play").html("<i class='iconfont icon-pause'>");
|
$("#play").html("<i class='iconfont icon-pause'>");
|
||||||
$("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text());
|
$("#music-name").html($(".aplayer-title").text() + $(".aplayer-author").text());
|
||||||
|
if ($(document).width() >= 990) {
|
||||||
|
window.lrc = setInterval(function () {
|
||||||
|
$("#lrc").html("<span class='lrc-show'><i class='iconfont icon-music'></i> " + $(".aplayer-lrc-current").text() + " <i class='iconfont icon-music'></i></span>");
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
ap.on('pause', function () {
|
ap.on('pause', function () {
|
||||||
$("#play").html("<i class='iconfont icon-play'>");
|
$("#play").html("<i class='iconfont icon-play'>");
|
||||||
|
clearInterval(window.lrc);
|
||||||
|
$("#lrc").html("Copyright © 2020-2022 <a href='https://imsyy.top'>無名</a> & Made by <a href='https://github.com/imsyy/home' target='_blank'>imsyy</a>");
|
||||||
});
|
});
|
||||||
|
|
||||||
/* 一言与音乐切换 */
|
/* 一言与音乐切换 */
|
||||||
|
Loading…
Reference in New Issue
Block a user