【末伏消暑】第一天 闲：《闲人勿近》- NickTheWorld
<style>
.papa { left: -214px;width: 1024px; height: 640px; background: rgba(0,0,0,.4) url('https://s1.ax1x.com/2022/08/15/vaBZBn.jpg'); position: relative; }
.papa input { border: none; outline: none; opacity: .75; cursor: pointer; }
.papa p { margin: 0; padding: 0; }
.playbox { position: relative; left: 400px; top: 480px; padding: 10px; width: fit-content; font: normal 1em sans-serif; color: snow; background: rgba(255,255,255,.25); backdrop-filter: blur(2px); border-radius: 8px; overflow: hidden; box-shadow: 1px 2px 2px #000; }
#btnplay { width: 30px; height: 30px; border-radius: 50%; }
#btnplay:hover { background: #aaa; color: #ff0000; }
</style>
<div class="papa">
<div class="playbox">
<p id="geci">LRC Loading ... </p>
<p style="display: flex; align-items: center; gap: 4px; margin-top: 10px;">
<input id="btnplay" type="button" value=">" />
<input id="slider" type="range" min="0" max="100" value="0" />
<span id="per">0:0 | 0:0</span>
</p>
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1965832480.mp3" autoplay="autoplay" loop="loop"></audio>
</div>
<script>
let slider = document.querySelector('#slider'),
aud = document.querySelector('#aud'),
per = document.querySelector('#per'),
btnplay = document.querySelector('#btnplay'),
geci = document.querySelector('#geci');
let slip = 0; //误差值
let lrcAr = [
['0.06','曲名：闲人勿近'],
['80.51','歌手：NickTheWorld'],
['100.51','所属专辑：闲人勿近'],
['140.00','谢谢欣赏'],
];
slider.onmousedown = () => aud.pause();
slider.onchange = () => { aud.currentTime = slider.value * aud.duration / 100; aud.play(); }
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener('playing', () => btnplay.value = '||');
aud.addEventListener('pause', () => btnplay.value = '>');
aud.addEventListener('timeupdate', () => {
let prog = 100 * aud.currentTime / aud.duration;
slider.value = prog;
per.innerText = toMin(aud.currentTime) + ' | ' + toMin(aud.duration);
for(j=0; j<lrcAr.length; j++){
if(aud.currentTime >= lrcAr - slip){
geci.innerHTML = lrcAr;
}
}
});
let toMin = (sec) => {
if(!sec) return '0:00';
sec = parseInt(sec);
return parseInt(sec / 60) + ':' +parseFloat(sec % 60).toString().padStart(2,'0');
}
</script>
作词 : NickTheWorld
作曲 : NickTheWorld
编曲 : 樊宗逸
有时你像天涯海角的海鸥
飞过灯塔飞过摆舟
飞入我的视线你是如此孤独又美丽
有时又像囚笼之中的摆钟
我想要更近你一步可下面就是海
没有底的海没有地可踩
退是繁华的都市和满是人的街
可我感觉不到舒适在没有你的夜
如果100个人之中会有99种想法
99种中你的最奇特
我承认我花了99倍的时间和99倍的耐心
和99倍的专注在你这一个
我站在悬崖的边上听海浪冲着礁石
“闲人勿近”是你立在这的标识
我带着满身的烟火气来到你的身边
你说你的一切正在被我销蚀
我像一颗扎根在泥潭里的树
我寻找依靠但没人靠得住
你像一只离了群剩自己的飞鸟
寻找安全的落脚处
如果100个人之中会有99种想法
99种中你的最奇特
我承认我花了99倍的时间和99倍的耐心
和99倍的专注在你这一个
我站在悬崖的边上听海浪冲着礁石
“闲人勿近”是你立在这的标识
我带着满身的烟火气来到你的身边
你说你的一切正在被我销蚀
在这行色匆匆纷乱世界之中
你蔑视那些瞳孔看人总是通过介质中
而我却是因为现实中的见识到种种种种
总总总总质疑你让我面子空
怕你是骗子才给你加了限制
不怕你鞭笞我是怕你坚持
怕你和我都在爱河淹死
不死不休是我们都有的偏执
如果100个人之中会有99种想法
99种中你的最奇特
我承认我花了99倍的时间和99倍的耐心
和99倍的专注在你这一个
我站在悬崖的边上听海浪冲着礁石
“闲人勿近”是你立在这的标识
我带着满身的烟火气来到你的身边
你说你的一切正在被我销蚀 终于盼来了金秋。好漂亮。 樵歌 发表于 2022-8-15 10:43
终于盼来了金秋。好漂亮。
老兄上午好
末伏了，樵歌可以倒计时了 马黑黑 发表于 2022-8-15 11:52
末伏了，樵歌可以倒计时了
老黑中午好！ 欣赏队长的好制作{:4_178:} 加林森 发表于 2022-8-15 12:20
老黑中午好！
下午好 小辣椒 发表于 2022-8-15 15:20
欣赏队长的好制作
小辣椒下午好！ 马黑黑 发表于 2022-8-15 15:43
下午好
老黑{:4_190:} 遍地金黄、秋兰飘香。 加林森 发表于 2022-8-15 10:49
老兄上午好
老弟下午好{:4_190:} 马黑黑 发表于 2022-8-15 11:52
末伏了，樵歌可以倒计时了
9 樵歌 发表于 2022-8-15 17:33
9
{:4_199:} 梦油 发表于 2022-8-15 17:16
遍地金黄、秋兰飘香。
就是。 加林森 发表于 2022-8-15 17:48
就是。
好图，好图！ 梦油 发表于 2022-8-15 17:53
好图，好图！
嗯嗯。专门去找的。 樵歌 发表于 2022-8-15 17:33
老弟下午好
傍晚好！ 这么美的秋叶却闲人勿近，看样子是准备圈起来独自欣赏了{:4_173:} 红影 发表于 2022-8-15 19:08
这么美的秋叶却闲人勿近，看样子是准备圈起来独自欣赏了
就是这个意思！
页:
[1]
2