留声音乐

马黑黑

马黑黑

帖子代码

1. <style>
   
2.   @import 'https://638183.freep.cn/638183/tzmaker/tz2026m.css';
   
3.   .pa { --bg: url('https://638183.freep.cn/638183/t24/6/ls.jpg') no-repeat center/cover; }
   
4.   .mlist { left: 30px; top: 20px; }
   
5.   .player { bottom: 50px; width: 120px; height: 120px; background: url('https://638183.freep.cn/638183/small/fi1.webp') no-repeat center/cover; }
   
6.   .bgprog { bottom: 20px; }
   
7.   .btnFs { right: 30px; top: 30px; color: lightblue; }
   
8. </style>
   
9. 
   
10. <div class="pa">
    
11.   <audio></audio>
    
12.   <video class="pd-vid" src="https://img.tukuppt.com/video_show/2629112/00/01/92/5b4d9113bffd1.mp4" autoplay loop muted></video>
    
13.   <ol class="mlist"></ol>
    
14.   <div class="player rotate" title="Alt+X"></div>
    
15.   <div class="bgprog"></div>
    
16.   <div class="btnFs" title="F11"></div>
    
17. </div>
    
18. 
    
19. <script>
    
20.   var musics = [
    
21.     ['https://music.163.com/song/media/outer/url?id=3352927511', '巫术之夜'],
    
22.     ['https://music.163.com/song/media/outer/url?id=2737065326', '循星'],
    
23.     ['https://music.163.com/song/media/outer/url?id=2699407860', '开拓者失踪了！'],
    
24.     ['https://music.163.com/song/media/outer/url?id=2702732893', '银河出逃计划'],
    
25.     ['https://music.163.com/song/media/outer/url?id=2639259069', '彼方之舞'],
    
26.     ['https://music.163.com/song/media/outer/url?id=2639259070', '交汇于虹光'],
    
27.     ['https://music.163.com/song/media/outer/url?id=2699407859', '开拓者失踪了！(SFX mixed)'],
    
28.   ];
    
29. 
    
30.   var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz2026m.js';
    
31.   loadJs(jsFile, tzInit);
    
32. 
    
33.   function loadJs(url, callback) {
    
34.     var script = document.createElement('script');
    
35.     script.charset = 'utf-8';
    
36.     script.src = url;
    
37.     script.defer = true;
    
38.     script.onload = callback;
    
39.     document.head.appendChild(script);
    
40.   }
    
41. 
    
42.   function tzInit() {
    
43.     var tz = TZ('pa', musics);
    
44.     tz.start();
    
45.   }
    
46. </script>

复制代码

马黑黑

本帖为 tz2026m 插件的测试帖。


文档：tz2026m : 音乐专辑插件文档 - 马黑黑教程专版 - 花潮论坛 - Powered by Discuz!

杨帆

tz2026m 插件测试效果正常，马老师您辛苦了