【中伏消暑】第十三天 红：《红昭愿》- 音阙诗听
<style>
.papa { left: -214px;width: 1024px; height: 576px; background: rgba(0,0,0,.4) url('https://s1.ax1x.com/2022/08/05/vnkiNQ.jpg'); position: relative; }
.papa input { border: none; outline: none; opacity: .75; cursor: pointer; }
.papa p { margin: 0; padding: 0; }
.playbox { position: relative; left: 710px; 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=452986458.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','歌手：音阙诗听 '],
['80.51','所属专辑：红昭愿'],
['160.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>
红昭愿-音阙诗听
作词 : 荒唐客(偏生梓归)
作曲 : 殇小谨
手中雕刻生花
刀锋千转蜿蜒成画
盛名功德塔
是桥畔某处人家
春风绕过发梢红纱
刺绣赠他
眉目刚烈拟作妆嫁
轰烈流沙枕上白发
杯中酒比划
年少风雅鲜衣怒马
也不过一刹那
难免疏漏儿时檐下
莫测变化
隔却山海
转身从容煎茶
一生长
重寄一段过往
将希冀都流放
可曾添些荒唐
才记得你的模样
一身霜
谁提笔只两行
换一隅你安康
便销得这沧桑
你还在我的心上
手中雕刻生花
刀锋千转蜿蜒成画
盛名功德塔
是桥畔某处人家
春风绕过发梢红纱
刺绣赠他
眉目刚烈拟作妆嫁
轰烈流沙枕上白发
杯中酒比划
年少风雅鲜衣怒马
也不过一刹那
难免疏漏儿时檐下
莫测变化
隔却山海
转身从容煎茶
一生长
重寄一段过往
将希冀都流放
可曾添些荒唐
才记得你的模样
一身霜
谁提笔只两行
换一隅你安康
便销得这沧桑
你还在我的心上
一生长
重寄一段过往
将希冀都流放
可曾添些荒唐
才记得你的模样
一身霜
谁提笔只两行
换一隅你安康
便销得这沧桑
你还在我的心上
这首歌的歌词真好，队长的制作真漂亮{:4_187:} 你选的这幅图太美了。 红影 发表于 2022-8-7 10:25
这首歌的歌词郑昊，队长的制作真漂亮
谢谢红影支持！ 梦油 发表于 2022-8-7 10:28
你选的这幅图太美了。
老梦喜欢啊。 可人儿漂亮，唱得也好{:4_189:} 樵歌 发表于 2022-8-7 11:05
可人儿漂亮，唱得也好
嗯嗯，喜欢就好。 加林森 发表于 2022-8-7 11:08
嗯嗯，喜欢就好。
我和老梦兄没啥事，你要小心黑黑被勾引了，没人教代码，你哭都找不到地方{:4_170:} 樵歌 发表于 2022-8-7 11:38
我和老梦兄没啥事，你要小心黑黑被勾引了，没人教代码，你哭都找不到地方
哈哈，背后说人不好吧。{:4_189:} 加林森 发表于 2022-8-7 10:34
老梦喜欢啊。
既有水墨画的特点，也有漫画的特点。 梦油 发表于 2022-8-7 13:04
既有水墨画的特点，也有漫画的特点。
是的。老梦高手的。 加林森 发表于 2022-8-7 13:09
是的。老梦高手的。
哈哈哈，俺这个“高手”做不出来啊，只有欣赏的份。 队长很认真，按时完成作业{:4_178:} 梦油 发表于 2022-8-7 13:20
哈哈哈，俺这个“高手”做不出来啊，只有欣赏的份。
懂画就是高手。 小辣椒 发表于 2022-8-7 14:26
队长很认真，按时完成作业
是啊。 加林森 发表于 2022-8-7 14:54
懂画就是高手。
谢谢，谢谢，谢谢老林谬赞。
{:4_180:} 梦油 发表于 2022-8-7 16:16
谢谢，谢谢，谢谢老林谬赞。
{:4_190:} 加林森 发表于 2022-8-7 12:06
哈哈，背后说人不好吧。
成人之美，好事呵{:4_189:} 樵歌 发表于 2022-8-8 06:57
成人之美，好事呵
好的好的，你说了算。
页:
[1]
2