月明工作室 发表于 2026-6-25 08:26:50

化蝶

本帖最后由 月明工作室 于 2026-6-25 20:29 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://upfile.mp3.wf/view.php/174780ecbe3127105fe48dbf45dc0f63.jpg') no-repeat center/cover; color: white; }
.player { bottom: 10px; color: limegreen; }
    #lrc { bottom: 60px; }
    .btnFs { top: 25px; right: 20px; }
#msvg { position: absolute; width: 12vw; heighht: 12vw; top: 70%; transition: .75s; opacity: 1; }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://video-qn.51miz.com/preview/video/00/00/12/79/V-127936-7871EE24.mp4" autoplay loop muted></video>
    <svg id="msvg" xmlns="https://638183.freep.cn/638183/web/svg/ball8path1.svg" viewBox="-200 -200 400 400">
      <g id="g1" class="rot"><title>播放/暂停(Alt+X)</title></g>
    </svg>
</div>

<script>
    var options = {
      pa: '.pa',
      urls: [['http://music.163.com/song/media/outer/url?id=3389322919', '化蝶']],
      btns:
    };

    var gc = `化蝶（烟嗓撕裂版）-励明\n词：阎肃\n曲：陈钢/何占豪\n碧草青青花盛开\n彩蝶双双久徘徊\n歌词编辑：明月工作室\n碧草青青花盛开\n彩蝶双双久徘徊\n千古传颂深深爱\n山伯永恋祝英台\n同窗共读整三载\n促膝并肩两无猜\n十八相送情切切\n谁知一别在楼台\n楼台一别恨如海\n泪染双翅身化彩蝶\n翩翩花丛来\n历尽磨难真情在\n天长地久不分开\n★★千古绝唱怀旧经典★★\n同窗共读整三载\n促膝并肩两无猜\n十八相送情切切\n谁知一别在楼台\n楼台一别恨如海\n泪染双翅身化彩蝶\n翩翩花丛来\n历尽磨难真情在\n天长地久不分开\n历尽磨难真情在\n天长地久不分开\n--欢迎光临 --`;

        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/web/svg/sunfl-2.svg', -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>


醉美水芙蓉 发表于 2026-6-25 18:41:17

欣赏老师带来的精彩！

klxf 发表于 2026-6-26 15:58:27

效果漂亮~谢谢精彩分享

月明工作室 发表于 2026-6-28 09:51:53

醉美水芙蓉 发表于 2026-6-25 18:41
欣赏老师带来的精彩！

谢谢芙蓉老师支持！

月明工作室 发表于 2026-6-28 09:52:16

klxf 发表于 2026-6-26 15:58
效果漂亮~谢谢精彩分享

谢谢klxf老师支持！
页: [1]
查看完整版本: 化蝶