本帖最后由 花简静 于 2024-9-10 19:48 编辑
<style>
#mama {
margin: 130px 0 30px calc(50% - 931px);
width: 1700px;
height: 900px;
background: url('https://pic.imgdb.cn/item/66c34816d9c307b7e9328897.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;
opacity: .65;
-webkit-mask: linear-gradient(to right top, red 5%, transparent 95%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=340388" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2629112/00/01/92/5b4d90d985cda.mp4" autoplay loop muted></video>
</div>
<script>
var geci = `[00:01.097]曾轶可 - 白色秋天
[00:04.52]
[00:06.26]作词：曾轶可 作曲：曾轶可
[00:11.42]学习黑师20240818《激越东川》效果
[00:13.79]原生lrc歌词同步之圆环斜频谱播放器
[00:16.88]
[00:23.60]还是这条街 还是这个小店
[00:30.67]我坐在靠窗的座位
[00:33.96]希望你能看得见
[00:36.77]十年之前 我没有时间消遣
[00:44.62]没有时间陪你 过完区区一个冬天
[00:51.21]那时的你很听话 一个人坐在窗前
[00:57.53]
[00:58.46]你有一个笔记本 时常放在你面前
[01:05.03]有一天 我不小心把咖啡洒在上面
[01:11.97]才发现 满满记载的都是对我的想念
[01:20.79]
[01:22.47]白色的雪 漫天
[01:30.06]秋天会下雪 真是少见
[01:36.18]雪花迎着落叶 一片又一片
[01:43.08]落叶不眷恋树 雪花不眷念天空的想念
[01:50.11]我的思念 漫天
[01:57.83]秋天想起的冬天的你 谁又会看见
[02:04.82]亲 亲爱 亲爱的 亲爱的你
[02:16.53]在这白色秋天
[02:23.22]
[02:32.30]白色的雪 漫天
[02:39.57]秋天会下雪 真是少见
[02:45.74]雪花迎着落叶 一片又一片
[02:52.69]落叶不眷恋树 雪花不眷念天空的想念
[02:59.97]我的思念 漫天
[03:07.29]秋天想起的冬天的你 谁又会看见
[03:14.29]亲 亲爱 亲爱的 亲爱的你
[03:26.15]在这白色秋天`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/pinpux_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: -1,
pinpu: {num: 40, color: 'linear-gradient(70deg, DeepPink 1px, transparent 10px, transparent 90%, DeepPink 90.5% 0)' },
player_css: 'left: 700px; top: 110px; color: DeepPink; --len: 3px;',
lrc_css: 'left: 50%; transform: translateX(-50%); bottom: 30px; --bg: linear-gradient(Honeydew, GoldEnrod);font: bold 2.0em cursive; color: MintCream;',
fs_css: 'right: 20px; top: 20px; --bg: transparent; --color: OldLace;',
});
};
</script>
| 
