绣红旗

凡哥 · 发表于 2024-9-27 08:02

凡哥 · 发表于 2024-9-27 08:03

帖子代码

<style>
#mama { margin: 30px 0 30px calc(50% - 641px); width: 1280px; height: 702px; background: url('https://638183.freep.cn/638183/web/svg/goqi.svg') no-repeat 2px 2px / 200px 133px, url('https://638183.freep.cn/638183/t24/webp2/xqhsqi.webp') no-repeat center/cover; box-shadow: 0 0 8px rgba(0,0,0,.65); overflow: hidden; user-select: none; z-index: 1; position: relative; }
#mama > video { position: absolute; width: 100%; height: 35%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: linear-gradient(red, transparent); pointer-events: none; }
.player { position: absolute; width: 60px; height: 60px; animation: rot 8s linear infinite var(--state); cursor: pointer; }
.player:nth-of-type(1) { left: 55%; top: 15%; width: 150px; height: 150px; }
.player:nth-of-type(2) { left: 70%; top: 5%; }
.player:nth-of-type(3) { left: 72%; top: 15%; }
.player:nth-of-type(4) { left: 72%; top: 25%; }
.player:nth-of-type(5) { left: 70%; top: 35%; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mama" class="mama">
	<audio src="https://music.163.com/song/media/outer/url?id=358497" autoplay loop></audio>
	<video src="https://img.tukuppt.com/video_show/2418175/00/08/32/5d1d4a503deed.mp4" autoplay loop muted></video>
	<img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
	<img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
	<img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
	<img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
	<img class="player" src="https://638183.freep.cn/638183/web/svg/5star.svg" alt="" />
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/yslrc_133703119608822812.js';
document.body.appendChild(sf);
sf.onload = () => {
	HCPlayer({
		papa: '#mama',
		geci: geci,
		skip: 0,
		average: 0,
		btnplay: '.player',
		lrc_css: 'left: 50%; bottom: 20px; transform: translateX(-50%);',
		fs_css: 'right: 60px; bottom: 20px; transform: translateX(-50%); --bg: transparent; --color: yellow',
	});
};
var geci = `[00:02:40]绣红旗\n[00:10.40]红月亮女子合唱团\n[00:13.41]☆☆☆☆☆\n[00:27.34]线儿长针儿密\n[00:34.93]含着热泪绣红旗\n[00:38.74]绣呀绣红旗\n[00:42.62]热泪随着针线走\n[00:50.17]与其说是悲\n[00:53.94]不如说是喜\n[00:57.78]多少年多少代\n[01:05.46]今天终于盼到了你\n[01:12.98]盼到了你\n[01:17.68]☆☆☆☆☆\n[01:47.31]千分情万分爱\n[01:54.86]化作金星绣红旗\n[01:58.68]绣呀绣红旗\n[02:02.51]平日刀丛不眨眼\n[02:10.12]今日里心跳分外急\n[02:17.81]一针针一线线\n[02:25.38]绣出一片新天地\n[02:33.01]新天地\n[02:37.13]一针针一线线\n[02:44.38]绣出一片新天地\n[02:51.09]新天地\n[02:55.66]新天地\n[03:10.64]☆☆☆☆☆`;
</script>