醉美水芙蓉 发表于 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]
查看完整版本: 风吹散心头的思念