归途的光
<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
漂亮!谢谢醉美管理员精彩分享
谢谢友友支持! 感谢您的无私精神...
页:
[1]