夜舞-Tăng Duy Tan / BAE
<style>
#papa { left: -212px; width: 1024px; height: 576px; top: 150px; background: gray url('https://pic.imgdb.cn/item/631da12a16f2c2beb11c74a8.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; display:grid; place-items: center; user-select: none; overflow: hidden; position: relative; z-index: 1; }
#mplayer { position: absolute; bottom: 80px; right: 350px; width: fit-content; height: fit-content; display: flex; align-items: center; gap: 8px; z-index: 9; }
#btnwrap { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: #ccc linear-gradient(to top right, rgba(255,0,0,.75), rgba(0,255,0,.75)); cursor: pointer; }
#btnwrap:hover { background: #000 linear-gradient(to top right, rgba(255,0,0,.75), rgba(0,255,0,.75)); }
#btnplay { width: 20px; height: 20px; background: #ccc; clip-path: polygon(0 0, 0% 100%, 100% 50%); }
#btnpause { width: 2px; height: 20px; border-style: solid; border-width: 0px 4px; border-color: transparent #eee; display: none; }
#prog { width: 100px; height: 2px; background: #ccc linear-gradient(to right,red,orange,green,tomato) no-repeat; background-size: 1px 2px; cursor: pointer; position: relative;}
#prog::before { position: absolute; content: ''; top: -7px; width: inherit; height: 15px; }
#prog:hover::before { background: rgba(0,200,200,.15); }
#tmsg { font: normal 16px sans-serif; color: #CCC;}
#lrc { position: absolute; left: 20px; bottom: 500px; font: bold 2em sans-serif; color: DarkSlateGray; text-shadow: 1px 1px 1px #FF4500; text-align: center; }
#lrc:hover, #FF4500:hover { color: snow; }
#vid { position: absolute; width: 1024px; height: 1380px; top: -15px; object-fit: cover; opacity: 0.15; }
#dt{ position: absolute; width: 544px; height: 333px; top: -20px; left: 150px; }
</style>
<div id="papa">
<video id="vid" src="https://img.tukuppt.com/video_show/2405811/00/01/65/5b476d20180f6.mp4" muted="muted" autoplay="autoplay" loop="loop"></video>
<div id="mplayer"><span id="btnwrap"><span id="btnplay"></span><span id="btnpause"></span></span><span id="prog"></span><span id="tmsg">00:00 | 00:00</span></div>
<div id="lrc">夜 舞</div>
</div>
<script>
let lrcAr = [
['0.00','夜舞'],
['227.28','谢谢欣赏']
];
let aud = new Audio();
aud.src = 'https://music.163.com/song/media/outer/url?id=1868947156.mp3';
aud.autoplay = true;
aud.loop = true;
btnwrap.onclick = () => aud.paused ? aud.play() : aud.pause();
prog.onclick = (e) => aud.currentTime = aud.duration * e.offsetX / prog.offsetWidth;
aud.addEventListener('pause', () => btnstate());
aud.addEventListener('play',() => btnstate());
aud.addEventListener('timeupdate', () => {
prog.style.backgroundSize = prog.offsetWidth * aud.currentTime / aud.duration + 'px 2px';
tmsg.innerText = toMin(aud.duration) + ' | ' + toMin(aud.currentTime);
for(j=0; j<lrcAr.length; j++) {
if(aud.currentTime >= lrcAr) lrc.innerText = lrcAr;
}
});
let btnstate = () => aud.paused ? (btnplay.style.display = 'block', btnpause.style.display = 'none') : (btnplay.style.display = 'none', btnpause.style.display = 'block');
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;
}
</script>
<br><br><br><br><br><br><br><br><br><br>
越南歌手。他的曲子，曲调没啥变化，他应该改改曲风。
他有个亲戚是音乐家，估计小时候受这个音乐家的影响，喜欢上音乐，读大学期间在越南音乐界就已经取得不俗的成绩。 马黑黑 发表于 2022-9-11 17:41
越南歌手。他的曲子，曲调没啥变化，他应该改改曲风。
他有个亲戚是音乐家，估计小时候受这个音乐家的影 ...
是的，今天第一次听，感觉很不错，就制作了一个出来。 歌词：
作词 : Tăng Duy Tan
作曲 : Tăng Duy Tan
Khi màn đêm vừa buông
当夜幕降临
Mưa vừa tuôn ở trên mái hiên
雨落在屋檐
Em vẫn cứ uống
她还在喝
Sương còn vương hàng trăm
露水犹在
nỗi đau như kéo em xuống
万千痛苦将她击倒
Nơi vực sau tận cùng trái tim khô cằn sỏi đá
在那 她心深处 已不再有任何希望
Chan trời xa vắng đưa con tim em đi về đau
遥远的地平线会把她的心带到哪里
Sóng xô muồn trùng
波涛汹涌
Đẩy đưa tháng năm yêu lần đầu
仿佛卷起初恋的岁月
Chưa từng cho phép suy tư
她不允许自己回忆
Em không cho mình đau
不让自己陷入痛苦
Nhưng sau trong tham tam trái tim
但内心深处
em đang không ngừng nhỏ máu
却从未停止滴血
Vì lỡ say trong một vòng tay ai
不小心落入他的怀抱
Dành cả tương lai đổi lấy nỗi buồn
她赌上整个未来却只换来伤悲
Từ đó em không còn cần ai thương
她发誓不再需要任何人的爱
Giọt sầu ai vương
悲伤侵袭
Nước mắt em tuôn
她的泪水流淌
Giữa đêm dài
在漫漫长夜
Màn đêm ôm lấy em
黑夜拥抱着她
Giữ em trong giấc mộng ngày còn ấm êm
把她留在旧日的温梦
Một hàng mi lấm lem
美丽的睫毛
Ngả lưng bên nỗi buồn chẳng thể đong đếm
沾染着永无止境的悲伤
Chan trời xa vắng đưa con tim em đi về đau
遥远的地平线会把她的心带到哪里
Sóng xô muồn trùng
波涛汹涌
Đẩy đưa tháng năm yêu lần đầu
仿佛卷起初恋的岁月
Chưa từng cho phép suy tư
她不允许自己回忆
Em không cho mình đau
不让自己陷入痛苦
Nhưng sau trong tham tam trái tim
但内心深处
em đang không ngừng nhỏ máu
却从未停止滴血
Vì lỡ say trong một vòng tay ai
不小心落入他的怀抱
Dành cả tương lai đổi lấy nỗi buồn
她赌上整个未来却只换来伤悲
Từ đó em không còn cần ai thương
她发誓不再需要任何人的爱
Giọt sầu ai vương
悲伤侵袭
Nước mắt em tuôn
她的泪水流淌
Giữa đêm dài
在漫漫长夜 加林森 发表于 2022-9-11 17:45
是的，今天第一次听，感觉很不错，就制作了一个出来。
之前我发的跟黄龄盒子的纯欲风的帖子，还有别的帖子，有他的歌 马黑黑 发表于 2022-9-11 18:20
之前我发的跟黄龄盒子的纯欲风的帖子，还有别的帖子，有他的歌
哦。我就是感觉特别熟悉呢。 加林森 发表于 2022-9-11 18:25
哦。我就是感觉特别熟悉呢。
曲调有太多共同点 加林森 发表于 2022-9-11 17:47
歌词：
作词 : Tăng Duy Tan
越南歌呀，我们年轻时也有一首越南歌流传中国 上海朝阳 发表于 2022-9-11 19:31
越南歌呀，我们年轻时也有一首越南歌流传中国
是的是的。 {:4_199:}{:4_199:}{:4_199:}好图，好听。。 马黑黑 发表于 2022-9-11 19:00
曲调有太多共同点
嗯嗯。是的。 红芍药 发表于 2022-9-11 20:04
好图，好听。。
喜欢吗？{:4_190:} 这个里面的文字配色和前一个一样的呢{:4_173:} 红影 发表于 2022-9-11 20:40
这个里面的文字配色和前一个一样的呢
是的，一样的。 加林森 发表于 2022-9-11 20:23
嗯嗯。是的。
风格可以保持但也不能一成不变，曲调则不能雷同 欣赏队长的精彩制作{:4_178:} 马黑黑 发表于 2022-9-11 21:20
风格可以保持但也不能一成不变，曲调则不能雷同
好的。今天第一次听见，感觉挺好听的。 小辣椒 发表于 2022-9-11 21:23
欣赏队长的精彩制作
现在在玩花样了。{:4_189:} 加林森 发表于 2022-9-11 21:27
现在在玩花样了。
自己修改了播放器的进度条{:4_178:} 小辣椒 发表于 2022-9-11 21:28
自己修改了播放器的进度条
是的，把颜色也修改了。
页:
[1]
2