霜染枫丹 发表于 2026-8-13 14:52

探索 AI视频素材 套用马老师代码关 于生命线的思考


<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/08/13/6a7d650904360.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; }
    #p1 { fill: none; stroke: currentColor; stroke-width: 8; stroke-dasharray: 8; stroke-dashoffset: 100%; animation: move linear 20s infinite; }
    @keyframes move { to { stroke-dashoffset: 0%; } }
</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" />
    </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 = 15;
            var str = '';
            Array.from({length: tt}).forEach((_,k) => {
                var x = (k + 1) * (360 / tt);
                var y = k % 2 === 0 ? 100 : Math.floor(Math.random() * 200);
                str += k === 0 ? `M0 100 H${x}` : ` L${x} ${y}`;
            });
            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 14:58

好探索！跟着游太空！{:4_199:}

夕阳黄昏 发表于 2026-8-13 15:16

欣赏，赞！

红影 发表于 2026-8-13 16:07

好玄幻的制作，道路甚至是扭曲的，很挑战人的想象极限。
这制作好美，欣赏枫丹好帖{:4_199:}

梦油 发表于 2026-8-13 17:16

美好的创意，精彩的制作，太美了。

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

梦江南 发表于 2026-8-13 14:58
好探索！跟着游太空！

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

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

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

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

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

红影 发表于 2026-8-13 16:07
好玄幻的制作，道路甚至是扭曲的，很挑战人的想象极限。
这制作好美，欣赏枫丹好帖

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

霜染枫丹 发表于 2026-8-13 22:14

梦油 发表于 2026-8-13 17:16
美好的创意，精彩的制作，太美了。

感谢梦老的支持，晚上好~~{:4_204:}{:4_190:}

梦油 发表于 2026-8-14 14:17

霜染枫丹 发表于 2026-8-13 22:14
感谢梦老的支持，晚上好~~

枫丹朋友别客气。

杨帆 发表于 2026-8-14 20:57

视角独特，制作漂亮，谢谢枫丹老师精彩分享{:4_204:}

玫瑰 发表于 2026-8-15 12:24

精彩的分线

霜染枫丹 发表于 2026-8-15 14:26

杨帆 发表于 2026-8-14 20:57
视角独特，制作漂亮，谢谢枫丹老师精彩分享

感谢扬帆的支持，下午好！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-8-15 14:31

玫瑰 发表于 2026-8-15 12:24
精彩的分线

欢迎玫瑰，感谢您的支持，下午好！{:4_204:}{:4_190:}

玫瑰 发表于 2026-8-15 20:23

霜染枫丹 发表于 2026-8-15 14:31
欢迎玫瑰，感谢您的支持，下午好！

这音乐听的人，怦怦跳{:4_204:}

霜染枫丹 发表于 2026-8-15 20:27

玫瑰 发表于 2026-8-15 20:23
这音乐听的人，怦怦跳

很赞同你的感觉，这首音乐很有震撼力{:4_204:}{:4_190:}

玫瑰 发表于 2026-8-15 20:29

霜染枫丹 发表于 2026-8-15 20:27
很赞同你的感觉，这首音乐很有震撼力

生命线牵动是人的心。
页: [1]
查看完整版本: 探索 AI视频素材 套用马老师代码关 于生命线的思考