本帖最后由 花简静 于 2025-3-16 12:13 编辑
<style>
@import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css?v=1.0';
#tz { --bottom: 100%; margin: 130px 0 30px calc(50% - 931px); width: 1700px;height: 900px;background: url('https://642303.freep.cn/642303/tu/20250315rgsg01.webp') no-repeat center/cover; overflow: hidden; }
#tz:hover { --bottom: 10px; }
@media screen and (max-width: 1025px) { #tz { transform: scale(.6); } }
#mplayer { width: 40%; bottom: var(--bottom); background: none; box-shadow: none; color: snow; }
#mplayer img { filter: invert(.8); }
#prog {--prog: #CD5C5C;}
#fsbtn { bottom: var(--bottom); left: 20px; border-color: snow; color: snow; }
#lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, #CD5C5C); color: DimGray;font: bold 1.6em cursive;opacity: .36; }
.vid { position: absolute; width: 100%; height: 110%; object-fit: cover; top:-80px; mix-blend-mode: screen; pointer-events: none; opacity: .35;}
video:nth-of-type(2) { opacity: 0.5;left:50%;top:6%;width: 50%; height: 60%;-webkit-mask: radial-gradient(circle, cyan, cyan,rgba(0,0,0,.35),transparent, transparent, transparent, transparent); }
#lrc { bottom: 50px; }
</style>
<div id="tz" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=35448098"></audio>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/14/10/15/video6365fe47a03e2.mp4" autoplay loop muted></video>
<video class="vid" src="https://bpic.588ku.com/video_listen/588ku_preview/19/06/03/14/39/19/video5cf4c09793e36.mp4" autoplay loop muted></video>
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.js?v=1.0';
var gc = [
[0.19,"单曲：如果时光可以倒流",1.7],
[1.93,"歌手：秋木 ·彭浩 (彭梦天)",2.5],
[4.4,"所属专辑：如果时光可以倒流",1.1],
[5.5,"作词 : 张海峰",1.4],
[6.87,"作曲 : 徐一鸣",2.2],
[9.09,"千山论坛音画",2.3],
[11.36,"",8.2],
[19.57,"凝目前方风依旧那么轻柔",0.2],
[23.07,"寂寞手指画不亮你的眼眸",3.9],
[27.74,"衣袂飘飘心却随你在颤抖",3.2],
[31.08,"记忆定格在深秋的三岔路口",4.1],
[35.93,"离开你的那时侯满面泪流",3.4],
[40.17,"说过亏欠的来世定会取走",3.3],
[44.32,"思绪沉浮如今才猛然发现",3.3],
[48,"爱上你是在我不经意间",2.8],
[51.31,"",2.7],
[54.02,"如果时光可以倒流一切可以从头",4.0],
[58.03,"我会挣脱幻梦诱惑抓紧你的手",4.0],
[62.04,"让你靠在我的肩头陪你长厢厮守",4.0],
[66.07,"给你心中积攒的全部温柔",3.5],
[70.04,"如果时光可以倒流爱情没有泪流",4.0],
[74.08,"我愿少活几个春秋换回你远走",4.5],
[79.03,"从此把你小心呵护让爱没忧愁",3.9],
[83.1,"等待岁月将你我染成白头",3.2],
[88.01,"",26.0],
[114,"离开你的那时侯满面泪流",4.0],
[118.03,"说过亏欠的来世定会取走",4.0],
[122.06,"思绪沉浮如今才猛然发现",4.0],
[126.08,"爱上你是在我不经意间",3.4],
[130.78,"",2.3],
[133.03,"如果时光可以倒流一切可以从头",3.6],
[137.04,"我会挣脱幻梦诱惑抓紧你的手",3.5],
[141.04,"让你靠在我的肩头陪你长厢厮守",3.9],
[145.23,"给你心中积攒的全部温柔",2.9],
[149.22,"如果时光可以倒流爱情没有泪流",4.0],
[153.42,"我愿少活几个春秋换回你远走",3.6],
[157.02,"从此把你小心呵护让爱没忧愁",4.5],
[161.72,"等待岁月将你我染成白头",3.1],
[168.01,"如果时光可以倒流一切可以从头",3.8],
[172.17,"我会挣脱幻梦诱惑抓紧你的手",3.6],
[176.54,"让你靠在我的肩头陪你长厢厮守",3.6],
[180.43,"给你心中积攒的全部温柔",2.9],
[184.37,"如果时光可以倒流爱情没有泪流",3.9],
[188.62,"我愿少活几个春秋换回你远走",3.7],
[193.07,"从此把你小心呵护让爱没忧愁",3.5],
[196.87,"等待岁月将你我染成白头",3.2]
];
hcplay(tz, null, gc);
</script>
|
