花甲走四方 发表于 2026-6-20 10:03

崔伟立 - 战马(DJ默涵版)

本帖最后由 花甲走四方 于 2026-6-23 14:44 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://picasa.eu.org/i/2026/06/20/5pgqfn.jpg') no-repeat center/cover; color: lightblue; }
    .player { width: 480px; bottom: 10px; }
    .btnFs { top: 25px; right: 20px; }
    #lrc { top: 4%; }
    #msvg { position: absolute; width: 12vw; heighht: 12vw; top: 15%; transition: .75s; opacity: 1; }
    #cc { transform-box: fill-box; transform-origin: center; cursor: pointer; animation: rot 20s linear infinite var(--state); }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://imgimg.qqdsw8.cn/view.php/190c9512dafb7cb815de2d3f59c97a27.webm" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400"><title>播放/暂停(Alt+X)</title></svg>
</div>

<script>
    var gc = `
戰馬 (DJ默涵版)
作詞作曲：崔偉立
花甲走四方制作
`;

    var options = {
      pa: '.pa',
      urls: [['https://pan.suyanw.cn/view.php/ede2131eaef8339c6bc371fab994f14a.mp3', '崔伟立 - 战马(DJ默涵版)']],
      btns: ,
    };

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, 0.5);
      var dr = _dr(msvg);
      dr.gradient('radialGradient', {id: 'grd', cx: '30%', cy: '25%', r: '70%'}, '<stop offset="0%" stop-color="#eff" /><stop offset="50%" stop-color="#4da6ff" /><stop offset="100%" stop-color="#003d82" />');
      dr.path('M-180 50 A90 80, 0, 0, 0, 180 -50', 'none', 'lightgreen', 4);
      dr.path('M-170 -50 A80 70, 0, 0, 0, 170 50', 'none', 'lightgreen', 5);
      dr.path('M-160 0 A60 55, 0, 0, 0, 160 0', 'none', 'lightgreen', 4);
      dr.circle(0, -20, 140, 'url(#grd)').id('cc');
    }

    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-20 10:46

欣赏高老师的精彩音画，这频谱很漂亮，点赞学习！{:4_187:}

红影 发表于 2026-6-20 10:52

频谱很漂亮，不过貌似过段时间频谱就不动了，不知怎么回事。

欣赏高老师好帖{:4_187:}

花甲走四方 发表于 2026-6-23 14:45

红影 发表于 2026-6-20 10:52
频谱很漂亮，不过貌似过段时间频谱就不动了，不知怎么回事。

欣赏高老师好帖

已修复，可以正常播放了。
{:4_205:}

红影 发表于 2026-6-24 17:15

花甲走四方 发表于 2026-6-23 14:45
已修复，可以正常播放了。

高老师厉害，这些频谱非常漂亮{:4_187:}
页: [1]
查看完整版本: 崔伟立 - 战马(DJ默涵版)