|
|

楼主 |
发表于 2026-6-1 19:59
|
显示全部楼层
帖子代码:
- <style>
- @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
- .pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/w8/vvc.webp') no-repeat center/cover; color: white; }
- .player { bottom: 10px; color: limegreen; }
- #lrc { bottom: 60px; }
- .btnFs { top: 25px; right: 20px; }
- #msvg { position: absolute; bottom: 120px; width: 12vw; heighht: 12vw; transition: .75s; opacity: var(--opacity); filter: brightness(1.5); }
- </style>
- <div id="pa" class="pa">
- <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2269348/00/35/88/5fd853b5d4b3a.mp4" autoplay loop muted></video>
- <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
- <g id="g1" class="rot"><title>播放/暂停(Alt+X)</title></g>
- </svg>
- </div>
- <script>
- var options = {
- pa: '.pa',
- urls: [['https://music.163.com/song/media/outer/url?id=409649811', '竹枝词']],
- btns: [msvg]
- };
- var gc = `[00:13.75]谁藏身杨柳青青江水边\n[00:18.89]烟雨朦胧渐浮现\n[00:24.29]谁转身脚步翩翩如画卷\n[00:29.92]许一场紫陌尘缘\n[00:34.38]谁执笔描绘江南杏花天\n[00:40.46]一种相思 两处牵连\n[00:48.14]杨柳青青江水平\n[00:53.56]闻郎江上踏歌声\n[00:58.98]东边日出西边雨\n[01:04.37]道是无晴却有晴\n[01:44.51]谁身着罗裳独自上兰舟\n[01:49.41]看天边白云悠悠\n[01:54.43]谁说落花有意流水无情\n[02:00.12]花随水走水载花流\n[02:05.40]谁相思昨日送你的红豆\n[02:10.75]才下眉头 又上心头\n[02:18.36]杨柳青青江水平\n[02:24.39]闻郎江上踏歌声\n[02:29.52]东边日出西边雨\n[02:35.70]道是无晴却有晴\n[02:39.95]杨柳青青江水平\n[02:45.58]闻郎江上踏歌声\n[02:51.30]东边日出西边雨\n[02:56.42]道是无晴却有晴`;
- loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
- loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', function() {
- loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
- });
- });
- function tzRun() {
- var aud = new AudPlayer(options);
- LRC(aud.pa, aud.aud, gc);
- var dr = _dr(msvg);
- dr.image('https://638183.freep.cn/638183/small/vuzi.png', -70, -200, 150, 220).addTo(g1).rotates(6);
- }
- 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>
复制代码
|
|