醉美水芙蓉 发表于 2026-6-3 21:56:24

风吹散心头的思念

<meta charset="utf-8">
<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/live/662554f7f7843ba3b0ab74d0addbbd2d.jpg') 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://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/7ef95efbd72ee430aaa9ac2e20f1bf66_preview.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://www.joy127.com/url/152274.mp3', '烟嗓哥 - 风吹散心头的思念']],
      btns:
    };

    var gc = `风吹散心头的思念
演唱：烟嗓哥
LRC编辑：醉美水芙蓉
我走过繁华的午夜
风吹散那心头的思念
有些故事不必说再见
有些遗憾藏在心里面
我借一轮心中的明月
寄出那心中万语千言
如今我们隔山水万重
只能借晚风相拥相牵
梦辗转在回忆的流年
情如烟消散在黄昏前
看那繁华落尽时光变迁
我依然记得你的容颜
心难断这未了的情缘
泪轻颤落在黄昏边缘
叹这世事无常爱恨缠绵
我还在等你回眸一眼
我借一轮心中的明月
寄出那心中万语千言
如今我们隔山水万重
只能借晚风相拥相牵
梦辗转在回忆的流年
情如烟消散在黄昏前
看那繁华落尽时光变迁
我依然记得你的容颜
心难断这未了的情缘
泪轻颤落在黄昏边缘
叹这世事无常爱恨缠绵
我还在等你回眸一眼
谢谢欣赏！
`;

      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/2026/f62.webp', -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>

klxf 发表于 2026-6-4 21:49:39

本帖最后由 klxf 于 2026-6-4 21:53 编辑

效果漂亮，谢谢精彩分享

醉美水芙蓉 发表于 2026-6-4 22:11:12

klxf 发表于 2026-6-4 21:49
效果漂亮，谢谢精彩分享

谢谢友友光临！
页: [1]
查看完整版本: 风吹散心头的思念