归零

马黑黑 · 发表于 2024-8-15 11:51

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由马黑黑于 2024-8-15 11:52 编辑

马黑黑 · 发表于 2024-8-15 11:52

帖子代码

<style>
#papa {
	margin: 130px 0 30px calc(50% - 721px);
	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>
var 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>