|
|

楼主 |
发表于 2026-9-15 20:51
|
显示全部楼层
帖子代码
- <div id="pa" class="pa">
- <video class="pd-vid" src="https://img2.tukuppt.com/video_show/7165162/00/20/20/5f2102739a334.mp4" autoplay loop muted></video>
- <div id="moon"></div>
- </div>
- <script>
- var gc = `[00:00.900]蓝月亮\n[00:15.022]歌手 :阿果\n[00:33.200]那凉山的蓝月亮\n[00:38.030]你又飘进了我梦里\n[00:43.160]梦里你成了我的新娘\n[00:48.450]成了我的幸福\n[00:53.160]你蔚蓝的双眼\n[00:58.400]隐藏着你的幸福\n[01:03.180]你飘逸的黑发\n[01:08.370]洋溢着你的甜美\n[01:13.180]你蓝色的温柔\n[01:17.930]是我一生的守侯\n[01:23.190]你羞涩的脸庞\n[01:27.800]是我永远的牵挂\n[01:33.270]蓝月亮 凉山的蓝月亮\n[01:42.860]不管幸福等多久\n[01:48.280]疼爱的永远是你\n[01:54.100]music ...\n[02:33.200]那凉山的蓝月亮\n[02:37.740]你又飘进了我梦里\n[02:42.750]梦里你成了我的新娘\n[02:48.830]成了我的幸福\n[02:53.410]你蔚蓝的双眼\n[02:58.250]隐藏着你的幸福\n[03:03.560]你飘逸的黑发\n[03:08.660]洋溢着你的甜美\n[03:14.110]你蓝色的温柔\n[03:17.680]是我一生的守侯\n[03:22.910]你羞涩的脸庞\n[03:27.570]是我永远的牵挂\n[03:33.220]蓝月亮 凉山的蓝月亮\n[03:42.610]不管幸福等多久\n[03:48.060]疼爱的永远是你\n[03:53.230]蓝月亮 凉山的蓝月亮\n[04:02.790]不管幸福等多久\n[04:08.070]疼爱的永远是你\n[04:13.200]疼爱的永远是你\n[04:18.260]疼爱的永远是你`;
- var options = {
- pa: '.pa',
- urls: [['https://music.163.com/song/media/outer/url?id=205582', '蓝月亮']],
- btns: [moon],
- };
- loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', function() {
- loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', tzRun);
- });
- function tzRun() {
- var aud = new AudPlayer(options);
- LRC(aud.pa, aud.aud, gc, 0);
- }
- function loadJs(url, callback) {
- var script = document.createElement('script');
- script.charset = 'utf-8';
- script.src = url;
- script.onload = function() {
- if (callback) callback();
- };
- document.head.appendChild(script);
- }
- </script>
- <style>
- @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
- .pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w9/bm.webp') no-repeat center/cover; color: lightblue; }
- .player { width: 480px; bottom: 10px; }
- .btnFs { top: 25px; right: 20px; }
- .pd-vid { top: -25%; }
- #moon { position: absolute; top: 10%; width: 100px; height: 100px; background: transparent; border-radius: 50%; box-shadow: 30px 8px 5px blue; transform: rotate(-8deg); animation: swear 1.5s linear infinite alternate var(--state); }
- #moon::after { position: absolute; content: ''; inset: 4px -30px -6px 60px; cursor: pointer; }
- #lrc { bottom: 60px; color: lightblue; --color1: lightblue; --color2: blue; }
- #msvg { position: absolute; width: 12vw; height: 12vw; top: 15%; transition: .75s; opacity: 1; }
- @keyframes swear { to { transform: rotate(8deg); } }
- </style>
复制代码
|
|