本帖最后由 花简静 于 2025-8-27 20:00 编辑
<style>
@import 'https://638183.freep.cn/638183/web/css/tz01.css';
#pa { --offsetX: 0px;margin: 150px 0; left: calc(50% - 101px);width: clamp(600px, 90vw, 1800px); height: auto; aspect-ratio: 18/10; --bg: none; --bg1: url('https://642303.freep.cn/642303/tu/20250818qwry00.webp') no-repeat center/cover; --ma-size:5%; --per: -2%; --a: 45deg; }
#pa::before { position: absolute; content: ''; inset: 0; background: var(--bg1); mask: conic-gradient(from var(--start), transparent var(--deg), red var(--deg) 0); }
#ma { left: 530px; top: 630px; background: repeating-conic-gradient(#bf7f4d,#b9984f, #bf7f4d 0.5deg); mask: url('https://642303.freep.cn/642303/za/01.png') no-repeat center/cover; -webkit-mask: url('https://642303.freep.cn/642303/za/01.png') no-repeat center/cover; opacity: .35; }
#lrc { position: absolute; bottom: 20px; color: #957044; font-size: 30px; font-weight: bold; text-shadow: 1px 1px 2px #333; opacity: .9; }
#btnFs { left: 20px; bottom: 20px; }
</style>
<div id="pa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=2138985267" autoplay loop></audio>
<video class="qk-vid" src="https://bpic.588ku.com/video_listen/588ku_video/22/11/05/17/17/59/video63662a47cce4f.mp4" autoplay loop muted></video>
<div id="ma"></div>
<div id="lrc">HUACHAO LRC</div>
</div>
<script type="module">
import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
import lrc from 'https://638183.freep.cn/638183/web/lrc/lrc_only.js';
var geci = `
[00:00.974]单曲：不在乎有没有以后
[00:01.844]歌手：安洛贤 / Steven / 樊音悦动
[00:02.686]所属专辑：不在乎有没有以后
[00:03.628]作词 : 安洛贤
[00:04.554]作曲 : 安洛贤
[00:05.402]制作人：朴桑松 Sunny@壹橙 Music/安洛贤
[00:06.350]OP/ SP：樊音悦动
[00:07.230]
[00:16.432]流星划过了天际
[00:24.042]只留下了无声的思绪
[00:32.334]你就是我心底的秘密
[00:37.712]我想要逃离回忆却泛起涟漪
[00:46.242]在那寒冷的夜里
[00:49.812]忘了如何呼吸
[00:53.386]脑海中的思绪
[00:56.674]全部都是你
[01:01.806]只要你握紧我的手
[01:06.174]不在乎有没有以后
[01:09.900]即便再一无所有
[01:12.630]还坚信着你是一整个宇宙
[01:16.548]流星坠落的时刻
[01:20.598]让我为你唱首歌
[01:24.438]那一定是最浪漫的时刻
[01:32.742]我希望你不要再回头
[01:34.700]忘掉这故事忘掉爱
[01:36.044]不在乎有没有以后
[01:38.08]回忆都清空不期待
[01:40.36]心像是漏了个大洞
[01:41.070]我怎么填都填不满
[01:43.372]你说你早已经受够
[01:45.74]我搞不懂不是不想懂
[01:46.114]你的离开在夜里
[01:49.526]我还是特别的想你
[01:51.218]看着你离开的飞机
[01:52.908]对你的感情突然就落地
[01:54.790]从此以后
[01:55.620]没了我的手臂当枕头你
[01:57.609]再没理由
[01:59.498]成为我无法再说的痛 Girl
[02:02.186]你的话不想懂
[02:04.180]你的爱不再留
[02:05.790]不在乎了你要求
[02:07.670]就算是没以后
[02:12.382]我不再握紧你手
[02:15.028]只要你握紧我的手
[02:19.418]不在乎有没有以后
[02:23.120]即便再一无所有
[02:26.368]还坚信着你是一整个宇宙
[02:30.756]流星坠落的时刻
[02:34.142]让我为你唱首歌
[02:38.82]那一定是最浪漫的时刻
[02:45.048]我也曾看过那遥远的星辰
[02:49.048]我破碎怎抵达梦里的纷飞
[02:53.556]如果我再呐喊
[02:55.896]你是否听见
[02:56.642]风吹过的那一页
[03:00.086]窗外又是电闪雷鸣像是爱在滑落
[03:02.892]也许我们早就说过爱都不分对错
[03:04.530]爱的伤不愈合
[03:05.732]也没有如果了
[03:06.286]我知道你不在乎以后就算我们爱过
[03:08.558]如果说说你能忘掉我
[03:09.888]忘掉我对你的好只剩爱的折磨
[03:12.144]那我也无话可说
[03:13.998]你就当我没来过
[03:17.404]流星坠落的时刻
[03:20.018]让我为你唱首歌
[03:23.138]那一定是最浪漫的时刻
`;
FS(pa, ma);
lrc(pa, geci);
var deg = 360, step = 5, picIdx = 0, raf;
var pics = [
'https://642303.freep.cn/642303/tu/20250818qwry00.webp',
'https://642303.freep.cn/642303/tu/20250818qwry01.webp',
'https://642303.freep.cn/642303/tu/20250818qwry02.webp'
];
ma.onanimationiteration = () => update();
function update() {
if (document.visibilityState === 'hidden') return;
picIdx ++;
const idx = (picIdx - 1) % pics.length;
const idx1 = picIdx % pics.length;
pa.style.setProperty('--start', Math.random() * 360 + 'deg');
pa.style.setProperty('--bg', `url(${pics[idx]}) no-repeat center/cover`);
pa.style.setProperty('--bg1', `url(${pics[idx1]}) no-repeat center/cover`);
animate();
}
function animate() {
if (deg < 0) {
cancelAnimationFrame(raf);
deg = 360;
} else {
deg -= step;
pa.style.setProperty('--deg', deg + 'deg');
raf = requestAnimationFrame(animate);
}
};
</script>
| 
