《爱立刻有》- Bell玲惠
本帖最后由 加林森 于 2022-8-1 19:13 编辑 <br /><br /><style>.papa { left: -242px;width: 1080px; height: 690px; background: rgba(0,0,0,.4) url('https://s1.ax1x.com/2022/08/01/vAaSZd.jpg'); position: relative; }
.papa input { border: none; outline: none; opacity: .75; cursor: pointer; }
.papa p { margin: 0; padding: 0; }
.playbox { position: relative; left: 10px; top: 590px; 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=1965671755.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','曲名：爱立刻有'],
['60.51','歌手：Bell玲惠 '],
['100.00','所属专辑：爱立刻有'],
['150.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>
歌词：
作词 : 镜千/向羽
作曲：Ptrp
เธอทำหัวใจของผมละลาย ลัลๆ ลั๊ลๆ ลายยย
（你有多少次融化了我的心）
มองเธอสักอีกกี่ครั้ง ก็ยังน่ารักเหมือนเช่นเคย
（无论什么时候我看你还是和以前一样可爱）
อยากชวนเธอเต้นระบำ บำบะรารำ ๆ บำ ๆ เลยเธอ
（我想邀请你去跳舞）
ชอบที่เต้นเลย ชอบเธอ อย่างที่เธอ เป็น
（我喜欢跳舞，喜欢你舞动的样子）
我在光影里 辨认你脚步
心随云朵漂浮（ya） 该怎么着陆
I do miss you 以五厘米秒速
想在温柔的傍晚 和你跳支圆舞
无聊的夜风 将头发吹拂
看玫瑰色的晚霞 为脸红备注
Follow your move 我在心里默数
在甜蜜的变奏里 怎么和你同步
你的眼睛 怎么好像会笑
难道我的心思被你猜到
不小心就 陷入你的步调
无处可逃
向左向右摇摆 来来来来来来
踩着你的步伐和浪漫 撞个满怀
心 跳错了节拍 邦邦啷啷邦邦 躲不开
爱立刻有 快点 来和我 表白
无聊的夜风 将头发吹拂
看玫瑰色的晚霞 为脸红备注
Follow your move 我在心里默数
在甜蜜的变奏里 怎么和你同步
我想偷偷 跟你影子牵手
不想只做你的 某某
路灯下的轮廓 慢慢重叠心动
想要了解你的 种种
你的眼睛 怎么好像会笑
难道我的心思被你猜到
不小心就 陷入你的步调
无处可逃
向左向右摇摆 来来来来来来
踩着你的步伐和浪漫 撞个满怀
心 跳错了节拍 邦邦啷啷邦邦 躲不开
爱立刻有 好想
เธอทำหัวใจของผมละลาย ลัลๆ ลั๊ลๆ ลายยย
（你有多少次融化了我的心）
มองเธอสักอีกกี่ครั้ง ก็ยังน่ารักเหมือนเช่นเคย
（无论什么时候我看你还是和以前一样可爱）
อยากชวนเธอเต้นระบำ บำบะรารำ ๆ บำ ๆ เลยเธอ
（我想邀请你去跳舞）
ชอบที่เต้นเลย ชอบเธอ อย่างที่เธอ เป็น
（我喜欢跳舞，喜欢你舞动的样子）
@马黑黑 这制作好可爱。欣赏队长好帖{:4_187:} 红影 发表于 2022-8-1 15:35
这制作好可爱。欣赏队长好帖
谢谢红影支持！下午好！{:4_204:} 队长越活越年轻哈{:5_106:} 马黑黑 发表于 2022-8-1 18:09
队长越活越年轻哈
活得板。{:4_189:} 图片没能出来 马黑黑 发表于 2022-8-1 18:21
图片没能出来
我手机都可以看见的哦。 加林森 发表于 2022-8-1 18:56
我手机都可以看见的哦。
现在可以了 马黑黑 发表于 2022-8-1 19:11
现在可以了
我又去图床去上传了的。 加林森 发表于 2022-8-1 19:14
我又去图床去上传了的。
辛苦辛苦 马黑黑 发表于 2022-8-1 19:29
辛苦辛苦
主要是电脑慢。 加林森 发表于 2022-8-1 15:40
谢谢红影支持！下午好！
问好队长，晚上好{:4_204:} 红影 发表于 2022-8-1 21:52
问好队长，晚上好
红影晚上好！{:4_204:} 队长一图，一歌曲？ 这个图图好可爱{:4_199:} 小辣椒 发表于 2022-8-1 22:02
队长一图，一歌曲？
是啊。 小辣椒 发表于 2022-8-1 22:03
这个图图好可爱
可爱吧。
页:
[1]