霜染枫丹 发表于 2026-8-12 22:18

倾听 套用马老师代码音乐制作


<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/08/12/6a7c80110be12.gif') no-repeat center/cover; color: orange; }
    .player { width: 480px; bottom: 10px; }
    .btnFs { top: 25px; right: 20px; }
    #msvg { position: absolute; bottom: 50px; width: 16vw; height: 8vw; cursor: pointer; opacity: 1; }
</style>

<div id="pa" class="pa">
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2269348/00/14/17/5e1c837dca409.mp4" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200">
      <title>播放/暂停(Alt+X)</title>
      <path id="p1" d="M0 100 H400" fill="none" stroke="currentColor" stroke-width="8" stroke-dasharray="8" />
    </svg>
</div>

<script>
    var options = {
      pa: '.pa',
      urls: [['https://music.163.com/song/media/outer/url?id=38019092', '生命线']],
      btns: ,
    };

    loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', tzRun);

    function tzRun() {
      var aud = new AudPlayer(options);

      aud.aud.ontimeupdate = () => {
            var tt = 20;
            var str = 'M0 100';
            Array.from({length: tt}).forEach((_,k) => {
                var x = k * (390 / tt);
                var y = k % 2 === 0 ? 100 : Math.floor(Math.random() * 200);
                str += `L${x} ${y} `;
            });
            str = str.trim();
            path = `${str} L400 100`;
            p1.setAttribute('d', path);
      };
    }

    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-8-13 07:07

制作漂亮，欣赏学习。{:4_187:}

夕阳黄昏 发表于 2026-8-13 07:44

欣赏，赞！

红影 发表于 2026-8-13 08:20

好漂亮的制作，欣赏枫丹好帖{:4_199:}

霜染枫丹 发表于 2026-8-13 09:25

梦江南 发表于 2026-8-13 07:07
制作漂亮，欣赏学习。

谢梦江南的支持，上午好~~{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-8-13 09:26

夕阳黄昏 发表于 2026-8-13 07:44
欣赏，赞！

欢迎夕阳黄昏，感谢您的支持，上午好！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-8-13 09:27

红影 发表于 2026-8-13 08:20
好漂亮的制作，欣赏枫丹好帖

谢谢红影的支持，上午好！{:4_204:}{:4_190:}

雨季工作室 发表于 2026-8-13 09:52

欣赏枫丹老师精彩佳作。

射天狼 发表于 2026-8-19 21:18

悬崖风很大，红衣老姐姐注意安全{:4_189:}制作真漂亮！

霜染枫丹 发表于 2026-8-19 21:24

雨季工作室 发表于 2026-8-13 09:52
欣赏枫丹老师精彩佳作。

感谢雨季工作室的支持，祝您七夕节快乐！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-8-19 21:29

射天狼 发表于 2026-8-19 21:18
悬崖风很大，红衣老姐姐注意安全制作真漂亮！

欢迎射天狼，晚上好~~哈哈~~现在AI能实现的画面太丰富，，如果给小朋友讲解“想入非非：现在太好举例子了。昨天做七夕的视频，总是跳出来大月亮{:4_173:}

感谢您的支持，祝七夕节快乐！！{:4_204:}{:4_190:}

玫瑰 发表于 2026-9-7 09:41

精彩的分享{:4_204:}
页: [1]
查看完整版本: 倾听 套用马老师代码音乐制作