【中伏消暑】第十八天 江：《太阳语》- 江语晨
<style>
.papa { left: -214px;width: 1024px; height: 640px; background: rgba(0,0,0,.4) url('https://s1.ax1x.com/2022/08/09/v1KuPs.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: 10px; 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=247938.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','曲名：太阳语'],
['120.51','歌手：江语晨'],
['160.51','所属专辑：恋习'],
['220.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>
作词 : 梁锦兴
作曲 : 黄晟峰
编曲 : 安培小时伊
你常常皱着眉头静静思考
坏天气有点遭
听说你的心困在一座孤岛
地图上找不到
你有点冷傲 不许别人对你好
我静静不唠叨
冷冷天气给你暖暖的微笑
你表情很深奥
拥抱 暖了 冰山 融了
你的笨拙假装不知道
野花 开了 夏天 来了
就像寻宝 找到
我已经找到你躲藏的心跳
去吧雨天 太阳出来了
我用彩虹把忧郁赶跑
听快乐在尖叫 关不住的味道
幸福真好
别再让回忆绑票
给我汉堡
去吧雨天 太阳出来了
烘干你过去的困扰
放晴后的毛毛雨刚刚好
我把微笑挂你嘴角
你常常皱着眉头静静思考
坏天气有点遭
听说你的心困在一座孤岛
地图上找不到
你有点冷傲 不许别人对你好
我静静不唠叨
冷冷天气给你暖暖的微笑
你表情很深奥
拥抱 暖了 冰山 融了
你的笨拙假装不知道
野花 开了 夏天 来了
就像寻宝 找到
我已经找到你躲藏的心跳
去吧雨天 太阳出来了
我用彩虹把忧郁赶跑
听快乐在尖叫 关不住的味道
幸福真好
别再让回忆绑票
去吧雨天 太阳出来了
烘干你过去的困扰
放晴后的毛毛雨刚刚好
给我汉堡
我把微笑挂你嘴角
你的承诺还有许多
看不懂的标点符号
但又不能的温柔
我连做梦也会偷笑
去吧雨天 太阳出来了
我用彩虹把忧郁赶跑
听快乐在尖叫 关不住的味道
幸福真好
别再回忆绑票
去吧雨天 太阳出来了
烘干你过去的困扰
放晴后的毛毛雨刚刚好
给我汉堡
把微笑挂你嘴角
说太阳雨做暗号
你就会记得我的好
欣赏佳作，问候队长。 梦油 发表于 2022-8-12 10:51
欣赏佳作，问候队长。
老梦 上午好！歌曲好听吧。 歌曲好听。你懂的{:4_189:} 樵歌 发表于 2022-8-12 11:11
歌曲好听。你懂的
小丫头也漂亮吧。{:4_189:} 加林森 发表于 2022-8-12 10:55
老梦 上午好！歌曲好听吧。
好听，好听。 梦油 发表于 2022-8-12 11:23
好听，好听。
唱得很有朝气的，挺好的。 这个背景图好像只有一半？ 红影 发表于 2022-8-12 12:02
这个背景图好像只有一半？
原图就是这样的。 欣赏太阳说话，需要翻译 马黑黑 发表于 2022-8-12 13:12
欣赏太阳说话，需要翻译
这个我不行。你来过？ 加林森 发表于 2022-8-12 13:23
这个我不行。你来过？
那就去找个镁铝翻译哈 加林森 发表于 2022-8-12 11:34
唱得很有朝气的，挺好的。
是啊，很有朝气。 梦油 发表于 2022-8-12 14:08
是啊，很有朝气。
是的。 马黑黑 发表于 2022-8-12 13:46
那就去找个镁铝翻译哈
这个得找东篱老兄了。{:4_169:} 加林森 发表于 2022-8-12 14:41
这个得找东篱老兄了。
哦对，后宫有人才储备 马黑黑 发表于 2022-8-12 18:05
哦对，后宫有人才储备
对头！ 加林森 发表于 2022-8-12 18:25
对头！
你去联系一下 马黑黑 发表于 2022-8-12 19:29
你去联系一下
这个也可以联系？东篱如果龙颜大怒了咋办？