花甲走四方 发表于 2026-5-28 20:58

环游世界

<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --bg: url('https://picasa.eu.org/i/2026/05/28/ny7q1g.jpg') no-repeat center/cover; --ma-size: 12%;width: 1400px; height: 750px; }
    .player { width: 480px; left: 100px; bottom: 10px; }
    .btnFs { top: 25px; right: 20px; }
    #msvg { position: absolute; width: 20vw; heighht: 20vw; transition: .75s; opacity: var(--opacity); left: 10%; }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2414777/00/02/13/5b514e39921d5.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 brightness">
            <title>播放/暂停(Alt+X)</title>
      </g>
    </svg>
</div>

<script>
    var options = {
      pa: '.pa',
      urls: [['https://tc.boxue.ltd/view.php/1bdc452786593f744d799623015fcac3.mp3', '环游世界']],
      btns: ,
    };

    loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
      loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js?v0', tzRun);
    });

    function tzRun() {
      var aud = new AudPlayer(options);
      var dr = _dr(msvg);
      dr.ellipse(0, 20, 120, 30, 'rgba(0,100,100, .25)').addTo(g1).rotates(9);
    }

    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-5-28 21:48

制作漂亮，欣赏高老师好帖{:4_187:}

梦江南 发表于 2026-5-29 07:57

欣赏精彩的音画，问好高老师！{:4_199:}

杨帆 发表于 2026-5-29 12:12

漂亮~谢谢走四方老师精彩分享{:4_190:}
页: [1]
查看完整版本: 环游世界