玫瑰 发表于 2026-8-12 21:21

蓝夜

<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
    .pa { --offsetX: 81px; --bg: url('https://img.wyc520.com.cn/data/attachment/forum/202608/12/104215k3l5wwpgzu6w6r8j.jpg') 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-12 21:33

聆听音乐，感受音乐。

红影 发表于 2026-8-12 21:44

玫瑰这么快就做好了，好棒啊{:4_199:}

玫瑰 发表于 2026-8-12 21:46

红影 发表于 2026-8-12 21:44
玫瑰这么快就做好了，好棒啊

我换了一张快，的确很快，找到玩的开心一点了{:4_189:}

玫瑰 发表于 2026-8-12 21:48

红影 发表于 2026-8-12 21:44
玫瑰这么快就做好了，好棒啊

也巧，这张图片今天上午刚好上传了。

玫瑰 发表于 2026-8-12 21:50

红影 发表于 2026-8-12 21:44
玫瑰这么快就做好了，好棒啊

这张图无意看到夜景拍下来，月亮有蓝光照射美。

偶然~ 发表于 2026-8-12 22:08

来欣赏玫瑰的精品佳作！

偶然~ 发表于 2026-8-12 22:08

感谢玫瑰带来的精彩，辛苦了！祝你开心幸福、阖家安康！

红影 发表于 2026-8-12 22:47

玫瑰 发表于 2026-8-12 21:46
我换了一张快，的确很快，找到玩的开心一点了

玫瑰很会玩{:4_173:}

红影 发表于 2026-8-12 22:47

玫瑰 发表于 2026-8-12 21:50
这张图无意看到夜景拍下来，月亮有蓝光照射美。

原来还是玫瑰自己拍摄的呢，厉害{:4_187:}

玫瑰 发表于 2026-8-12 23:03

偶然~ 发表于 2026-8-12 22:08
来欣赏玫瑰的精品佳作！

分享分享聆听，祝好心情。

玫瑰 发表于 2026-8-12 23:04

偶然~ 发表于 2026-8-12 22:08
感谢玫瑰带来的精彩，辛苦了！祝你开心幸福、阖家安康！

祝：偶然阖家安康，幸福快乐！{:4_171:}

玫瑰 发表于 2026-8-12 23:06

红影 发表于 2026-8-12 22:47
玫瑰很会玩

这代码好，有音乐换张图可以，省心省事，现在找音乐不好找。{:4_204:}

偶然~ 发表于 2026-8-12 23:16

玫瑰 发表于 2026-8-12 23:06
这代码好，有音乐换张图可以，省心省事，现在找音乐不好找。

那是，慢慢找

偶然~ 发表于 2026-8-12 23:16

玫瑰 发表于 2026-8-12 23:04
祝：偶然阖家安康，幸福快乐！

祝您：
春风常伴身，灵感永不断，
论坛声动处，尽是知音赞！

玫瑰 发表于 2026-8-13 12:58

偶然~ 发表于 2026-8-12 23:16
那是，慢慢找

现在全面K歌录，效果没有那么好，但是快。

玫瑰 发表于 2026-8-13 12:59

偶然~ 发表于 2026-8-12 23:16
祝您：
春风常伴身，灵感永不断，
论坛声动处，尽是知音赞！

同祝同福同开心，

小辣椒 发表于 2026-8-13 13:29

玫瑰也是学习黑黑的代码播放器，套用玩也是很开心的{:4_171:}

玫瑰 发表于 2026-8-13 13:38

小辣椒 发表于 2026-8-13 13:29
玫瑰也是学习黑黑的代码播放器，套用玩也是很开心的

我其实很早来学，以前久不久来，现在常来，来论坛玩也是要讲点缘分，这种缘分就是我来认识人，这个人谁不知道{:4_170:}

小九 发表于 2026-8-13 18:42

音乐很不错，好听{:4_187:}
页: [1] 2
查看完整版本: 蓝夜