醉美水芙蓉 发表于 2025-1-9 22:11:52

归途的光

<style>
        @import 'https://638183.freep.cn/638183/web/mod/button.css';
        #tz { --state: running; margin: 30px 0 30px calc(50% - 513px); background: url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/live/57e917705da84897c67e04d2ef695096.mp4.jpg') no-repeat center/cover; }
        #fsbtn { bottom: 20px; }
</style>

<div id="tz" class="pa">
        <audio src="https://i.mp3.wf/215695697/归途的光-dj.m4a"></audio>
        <video class="vid" src="https://bpic.588ku.com/video_listen/588ku_video/24/09/26/17/02/39/video66f5232fb7a08.mp4" autoplay loop muted></video>
        <div id="fsbtn" class="fsbtn"></div>
        <svg id="msvg" class="mplayer" width="200" height="200"></svg>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/button.js';
        import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var dr = Dr.dr('msvg');
        var all = 30, a = 360 / all;
        dr.symbol('sym','-100 -100 200 200');
        for(var i = 0; i < all; i ++) {
                var c = Math.random().toString(16).substring(2,8)
                dr.path('M0 0 Q10 -100,80 0','none',`#${c}`,3).transform(`rotate(${i * a},0,0) translate(20)`).addTo('sym');
        }
        dr.use('#sym',0,0,200,200);
        hcplay(tz);
        fscreen.fs(tz, fsbtn);
</script>

klxf 发表于 2025-1-9 22:56:06

漂亮!谢谢醉美管理员精彩分享

醉美水芙蓉 发表于 2025-1-10 07:08:02

klxf 发表于 2025-1-9 22:56
漂亮!谢谢醉美管理员精彩分享

谢谢友友支持!

确认过眼神 发表于 前天 00:49

感谢您的无私精神...
页: [1]
查看完整版本: 归途的光