故梦寒

马黑黑 · 发表于 2024-8-20 07:45

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

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

x

马黑黑 · 发表于 2024-8-20 07:46

帖子代码：

<style>
#mama {
	margin: 130px 0 30px calc(50% - 721px);
	width: 1280px;
	height: 720px;
	background: url('https://638183.freep.cn/638183/t24/webp2/gumghj.webp') no-repeat center/cover;
	box-shadow: 0 0 8px gray;
	overflow: hidden;
	z-index: 1;
	position: relative;
}
#mama > video {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: screen;
	-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
	pointer-events: none;
}
</style>

<div id="mama" class="mama">
	<audio src="https://music.163.com/song/media/outer/url?id=2037912492" autoplay loop></audio>
	<video src="https://img.tukuppt.com/video_show/15653652/00/80/83/60d0445e4511e.mp4" autoplay loop muted></video>
</div>

<script>
var geci = `[00:00.107]故梦寒\n[00:06.00]词/曲/制作人 : 陆涛\n[00:10.00]演唱 : 尹昔眠\n[00:15.87]窗外朦胧杨柳岸\n[00:19.38]轻歌与酒伴\n[00:23.08]潇潇烟雨总痴缠\n[00:26.65]落花人独看\n[00:30.22]灯火阑珊月夜寒\n[00:33.72]柔情何处暖\n[00:37.35]散落往事有几段\n[00:40.78]将这青丝染\n[00:44.47]回眸望断尘缘短\n[00:48:01]将相思斟满\n[00:51.65]浮梦划过悲欢全都是与你\n[00:58.55]有关\n[01:01.21]双人伞 一人盼\n[01:04.64]三更过 五更寒\n[01:08.26]我抚琴凄凄拨弹\n[01:12.07]你至今匆匆未还\n[01:15.50]灯一盏 酒半酣\n[01:19.04]三更雨 打湿青衫\n[01:23.69]却无人再为我撑伞\n[01:44.06]灯火阑珊月夜寒\n[01:47.12]柔情何处暖\n[01:51.10]散落往事有几段\n[01:54.30]将这青丝染\n[01:58.12]回眸望断尘缘短\n[02:01.36]将相思斟满\n[02:05.28]浮梦划过悲欢全都是与你\n[02:12:00]有关\n[02:14.49]双人伞 一人盼\n[02:17.99]三更过 五更寒\n[02:21.55]我抚琴凄凄拨弹\n[02:25.42]你至今匆匆未还\n[02:29.01]灯一盏 酒半酣\n[02:32.31]三更雨 打湿青衫\n[02:36.94]却无人再为我撑伞\n[02:42.64]双人伞 一人盼\n[02:46.69]三更过 五更寒\n[02:50.25]我抚琴凄凄拨弹\n[02:54.12]你至今匆匆未还\n[02:57.92]灯一盏 酒半酣\n[03:59.08]三更雨 打湿青衫\n[03:05.61]却无人再为我撑伞\n[03:13:32]2024-8-19`;

var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/ewave_yslrc.js';
document.body.appendChild(sf);

sf.onload = () => {
	HCPlayer({
		papa: '#mama',
		geci: geci,
		skip: 0,
		average: 0,
		circle: { num: 20, len: 10, color: 'lightblue'},
		player_css: 'right: 80px; top: 80px; --bg: transparent; --br: 50%; --opacity: .25; ',
		lrc_css: 'left: 50%; transform: translateX(-50%); top: 20px; --bg: linear-gradient( #eee, #eeeeee80); color: #666;',
		fs_css: 'left: 46%; bottom: 20px; --bg: transparent; --color: #eee;',
	});
};
</script>