潮汐

凡哥

凡哥

帖子代码

1. <style>
   
2.     @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
   
3.     .pa { --bg: url('https://638183.freep.cn/638183/t24/w7/tide.webp') no-repeat center/cover; }
   
4.     #player { bottom: 20px; display: grid; place-items: center; }
   
5. </style>
   
6. 
   
7. <div class="pa">
   
8.     <div id="player" class="wrap200">
   
9.         <svg id="msvg" width="200" height="200">
   
10.             <circle id="track" cx="100" cy="100" r="90" fill="none" stroke="rgba(255,255,255,0.3)" stroke-width="10"></circle>
    
11.             <circle id="prog" cx="100" cy="100" r="90" fill="none" stroke="white" stroke-width="10"></circle>
    
12.         </svg>
    
13.     </div>
    
14. </div>
    
15. 
    
16. <script type="module">
    
17.     import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.js';
    
18. 
    
19.     const tz = TZ.TZ('pa');
    
20. 
    
21.     tz.add('audio', '', '', {src: 'https://music.163.com/song/media/outer/url?id=1923701079'});
    
22.     tz.add('video', '', 'pd-vid', {src: 'https://img.tukuppt.com/video_show/2418175/00/01/82/5b4b80fd73a25.mp4'});
    
23.     tz.add('img', '', 'ma', {src: 'https://638183.freep.cn/638183/small/webp/whale.webp'})
    
24.         .style('width: 175px; height: 175px; clip-path: circle(40%); mix-blend-mode: multiply;')
    
25.         .to(player)
    
26.         .playmp3();
    
27.     tz.svgprog(msvg, track, prog);
    
28.     tz.fs().style('right: 20px; top: 20px;');
    
29.     tz.autoMid();
    
30. </script>

复制代码

云端漫步

谢谢分享音画代码，祝山高有行路水深有渡舟。新的一年愿和气作春妍新年胜旧年。

花简静

音乐好听，双鱼小播创意十足，特别漂亮。。
沙滩海边，一滴水汇成一片海洋。。。
大气唯美

花简静

凡哥新年快乐，所有的朋友们新年快乐。。

凡哥

花简静 发表于 2026-2-18 18:56
音乐好听，双鱼小播创意十足，特别漂亮。。
沙滩海边，一滴水汇成一片海洋。。。
大气唯美 ...

晚上好

令狐冲

水滴石穿
精彩的特效
凡哥新年快乐。。。