2024年8月15日 星期四
<style>
#papa {
margin: 130px 0 30px calc(50% - 730px);
width: 1280px;
height: 720px;
background: url('https://638183.freep.cn/638183/t24/webp/gvlk.webp') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
display: grid;
place-items: center;
position: relative;
}
#papa > video {
position: absolute;
width: 100%;
height: calc(100% + 200px);
object-fit: cover;
mix-blend-mode: screen;
pointer-events: none;
}
</style>
<div id="papa" class="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2114419825" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/13928806/00/41/74/60138b832ed1d.mp4" autoplay loop muted></video>
</div>
<script>
let geci = `[00:00.00]林忆莲 - 归零\n[00:04.00]词/曲/编曲 : 常石磊\n[00:08.00]制作 : 常石磊/恭硕良\n[00:12.00]和声编写 : 常石磊\n[00:16.00]和声 : 林忆莲\n[00:20.00]吉他 : 胡洋\n[00:24.00]吉他录音 : 李卓\n[00:28.00]电吉他 : Derrick Sepnio/胡洋\n[00:32.00]低音吉他 : 恭硕良\n[00:36.00]鼓 : 恭硕良\n[00:40.47]这世界从来没有如果\n[00:46.71]在后悔之前让懵懂承受\n[00:57.87]这世界从来都在改变\n[01:04.00]在明亮之前跟黑暗蔓延\n[01:15.33]还有什么能再回来\n[01:24.00]还有什么人在未来\n[01:33.15]既然未知是唯一的期待\n[01:36.96]索性将平淡劈成乾柴\n[01:42.32]Reset Reset Reset\n[01:46.53]点燃眼前的徘徊\n[01:50.67]如果重生能真实的存在\n[01:54.45]此刻将一切归零再来\n[01:59.81] Reset Reset Reset\n[02:03.00]梦想就等于未来\n[02:08.03]未来未来\n[02:35.36]这世界从来没有如果\n[02:42.36]在后悔之前让懵懂承受\n[02:53.52]这世界从来都在改变\n[02:59.82]在明亮之前跟黑暗蔓延\n[03:10.98]还有什么能再回来\n[03:19.68]还有什么人在未来\n[03:28.77]既然未知是唯一的期待\n[03:32.64]索性将平淡劈成乾柴\n[03:37.50] Reset Reset Reset\n[03:41.30]点燃眼前的徘徊\n[03:46.00]如果重生能真实的存在\n[03:49.24]此刻将一切归零再来\n[03:54.50] Reset Reset Reset\n[03:59.55]梦想就等于未来\n[04:03.65]未来未来\n[04:12.00]未来未来\n[04:30.00]`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/line_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#papa',
geci: geci,
skip: 0.5,
average: 0,
lrc_css: 'top: 20px; --bg: linear-gradient(#ffffffaa, #491981e9); color: silver;',
player_css: 'width: 460px; bottom: 20px; color: white; --prog: white; --track: gray; --bg: url("https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png") no-repeat center/cover',
fs_css: '--bg: transparent; --color: snow;'
});
};
</script>
|