不装饰你的梦--蔡国权(粤语歌欣赏)
<style>
#papa { left: -270px; width: 1400px; height: 750px;top: 150px;background: snow url('https://pan.doliy.cn/filestores/2022/11/08//fa33dde6aa2049a96f8c31b53fc423cb.jpg') no-repeat center/cover; display: grid; place-items: center; box-shadow: 3px 3px 20px #000; user-select: none; position: relative; }
#mplayer { position: absolute; top: 620px; left: 310px; width: 700px; height: 60px; font: normal 14px sans-serif; }
#mplayer::before, #mplayer::after { position: absolute; width: 100%; height: 50%; color: snow; margin: 15px 0; }
#mplayer::before { content: attr(data-cur); }
#mplayer::after { content: attr(data-dur); text-align: right; }
#btnplay { position: absolute; left: calc(50% - 15px); bottom: 25px; width: 50px; height: 50px; border-radius: 50%; background: conic-gradient(red, magenta, blue, aqua, lime, yellow, red); cursor: pointer; z-index: 2; animation: rot linear 4s infinite; }
#prog { --posX: 0px; position: absolute; bottom: 10px; width: 100%; height: 1px; background: #eee; cursor: pointer; }
#prog::before, #prog::after { position: absolute; content: ''; left: 0; }
#prog::before { width: var(--posX); height: 1px; background: red; }
#prog::after { left: var(--posX); top: calc(50% - 6px); width: 3px; height: 10px; background: silver; }
#tit { position: absolute; bottom: 320px; right: 60px; font: bold 2.5em sans-serif; color: snow; text-shadow: 2px 2px 3px #212121; }
#dt1{ position: absolute; width: 544px; height: 333px; top: -12px; left: 606px; }
#dt2{ position: absolute; width: 500px; height: 333px; top: 52px; left: 100px; }
@keyframes rot { to { transform: rotate(1turn); } }
</style>
<div id="papa">
<img id="dt1" src="https://pan.doliy.cn/filestores/2022/11/08//48d287e1f34179eb5fc575999f182001.gif" alt="" />
<img id="dt2" src="https://pan.doliy.cn/filestores/2022/11/08//d6bc64a59954bb4138c420fd7926ecc2.gif" alt="" />
<div id="tit">不<br>装<br>饰<br>你<br>的<br>梦</div>
<div id="mplayer" data-cur="00:00" data-dur="00:00"><span id="prog"></span><span id="btnplay"></span></div>
</div>
<script>
let aud = new Audio();
aud.src = 'https://pan.doliy.cn/filestores/2022/11/08//f36346b6c169ba6401dd815da901c0ee.mp3';
aud.autoplay = true;
aud.loop = true;
if (aud.paused) btnplay.style.animationPlayState = 'paused';
btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
mplayer.onmousemove = (e) => {mplayer.style.cursor = e.offsetY > mplayer.offsetHeight / 1.5 ? 'pointer' : 'default';}
mplayer.onclick = (e) => {if (e.offsetY > mplayer.offsetHeight / 1.5) aud.currentTime = aud.duration * e.offsetX / prog.offsetWidth;}
aud.addEventListener('pause', () => mState());
aud.addEventListener('play', () => mState());
aud.addEventListener('seeked', () => aud.play());
aud.addEventListener('timeupdate', () => {prog.style.setProperty('--posX', prog.offsetWidth * aud.currentTime / aud.duration + 'px');mplayer.dataset.cur = toMin(aud.currentTime);mplayer.dataset.dur = toMin(aud.duration);});
let mState = () => btnplay.style.animationPlayState = aud.paused ? 'paused' : 'running';
let toMin = (val) => { if (!val) return '00:00'; val = Math.floor(val); let min = parseInt(val / 60), sec = parseFloat(val % 60); if (min < 10) min = '0' + min; if (sec < 10) sec = '0' + sec; return min + ':' + sec; };
papa.oncontextmenu = () => false;
</script>
<br><br><br><br><br><br><br><br><br><br> 本帖最后由 撒哈拉的雨 于 2022-11-8 16:08 编辑
不装饰你的梦
歌手:蔡国权
愿意心痛苦
不装饰你的梦
别再将我心反复的戏弄
宁愿我携着忧郁归去
像刚消失那阵风
别再伤我心它伤得那么重
像块冰碎开它显得太空洞
狂热与天真早消失了
在郁郁的岁月中
谁愿意一颗心永落空
谁愿意只装饰你的梦
宁任我的心在长期地痛
亦不想给你抚弄
让每声叹息消失于你的梦
让每点笑声响于你的梦
曾为你献出的点点真爱在空气内流动
谁愿意一颗心永落空
谁愿意只装饰你的梦
宁任我的心在长期地痛
亦不想给你抚弄
让每声叹息消失于你的梦
让每点笑声响于你的梦
曾为你献出的点点真爱在空气内流动
曾为你献出的点点真爱在空气内流动
歌曲出之《一人一首成名曲港台版》专辑 第二首 不装饰你的梦(蔡国权) 很喜欢的一首歌。{:10_402:} 好漂亮的贴,看着就暖,主要冬天有点冷,歌好听{:10_402:} 蔡国权声音干净,声线特别的好听 浅笑 发表于 2022-11-8 15:32
很喜欢的一首歌。
浅笑也是喜欢这首歌,太好了,一起欣赏{:10_402:}
一抹微蓝 发表于 2022-11-8 15:35
好漂亮的贴,看着就暖,主要冬天有点冷,歌好听
问好微蓝,刚自己在欣赏,很喜欢的一首粤语歌
撒哈拉的雨 发表于 2022-11-8 15:38
问好微蓝,刚自己在欣赏,很喜欢的一首粤语歌
嗯,你选的歌都不错哦,没事就会来听
一抹微蓝 发表于 2022-11-8 15:39
嗯,你选的歌都不错哦,没事就会来听
谢谢微蓝欣赏{:10_402:}