查看: 87|回复: 11

[专辑] 留声音乐

[复制链接]

一坛酒

樱果相依
发表于 2026-3-15 20:13 | 显示全部楼层 |阅读模式

    评分

    3

    查看全部评分

    点评
    回复

    使用道具

    一坛酒

    樱果相依
     楼主| 发表于 2026-3-15 20:14 | 显示全部楼层
    帖子代码:
    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: 40px; }
    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. <div class="pa">
    10.   <audio></audio>
    11.   <video class="pd-vid" src="https://img.tukuppt.com/video_show/2629112/00/01/92/5b4d9113bffd1.mp4" autoplay loop muted></video>
    12.   <ol class="mlist"></ol>
    13.   <div class="player rotate" title="Alt+X"></div>
    14.   <div class="bgprog"></div>
    15.   <div class="btnFs" title="F11"></div>
    16. </div>

    17. <script>
    18.   var musics = [
    19.     ['https://music.163.com/song/media/outer/url?id=3352927511', '巫术之夜'],
    20.     ['https://music.163.com/song/media/outer/url?id=2737065326', '循星'],
    21.     ['https://music.163.com/song/media/outer/url?id=2699407860', '开拓者失踪了!'],
    22.     ['https://music.163.com/song/media/outer/url?id=2702732893', '银河出逃计划'],
    23.     ['https://music.163.com/song/media/outer/url?id=2639259069', '彼方之舞'],
    24.     ['https://music.163.com/song/media/outer/url?id=2639259070', '交汇于虹光'],
    25.     ['https://music.163.com/song/media/outer/url?id=2699407859', '开拓者失踪了!(SFX mixed)'],
    26.   ];

    27.   var jsFile = 'https://638183.freep.cn/638183/tzmaker/tz2026m.js';
    28.   loadJs(jsFile, tzInit);

    29.   function loadJs(url, callback) {
    30.     var script = document.createElement('script');
    31.     script.charset = 'utf-8';
    32.     script.src = url;
    33.     script.defer = true;
    34.     script.onload = callback;
    35.     document.head.appendChild(script);
    36.   }

    37.   function tzInit() {
    38.     var tz = TZ('pa', musics);
    39.     tz.start();
    40.   }
    41. </script>
    复制代码
    点评
    回复

    使用道具

    一坛酒

    樱果相依
     楼主| 发表于 2026-3-15 20:15 | 显示全部楼层
    tz2026m 专辑插件说明文档:

            http://qsltbbs.com/forum.php?mod ... 874&pid=1135756
    点评
    回复

    使用道具

    一坛酒

    樱果相依
     楼主| 发表于 2026-3-15 20:23 | 显示全部楼层
    代码相对固化,发专辑最少仅需填写歌曲数组(musics变量)。

    另外,可发挥余地较大,固化结构的代码不意味着束缚手脚。

    获得 艾草叶卡 一张

    卡片说明:凡哥去悬崖上的鸟巢玩,小鸟送了1 颗草籽。

    卡片效果:获得 1 颗 草籽

    点评
    回复

    使用道具

    晴儿老公

    九色鹿

    版主勋章 巳巳如意 两周年庆 守望千山 少年歌行 七夕之桥 新春美食 一生安柠 青恬时光 幸福莓满 心想事橙 桃气满满 大吉大荔 樱果相依 菜源滚滚 猪事顺利 一生一世 前兔似锦 心心相印 两心如一 一心一意
    发表于 2026-3-15 21:59 📱来自手机 | 显示全部楼层
    感谢凡哥支持音版,
    制作辛苦了。
    点评
    回复

    使用道具

    笑傲江湖

    一坛酒

    管理勋章 山高为峰 山外有山 巳巳如意 两周年庆 守望千山 少年歌行 映像2024 一叶知秋 我书我心 七夕之桥 樱果相依 前兔似锦
    发表于 2026-3-16 01:11 | 显示全部楼层
    代码精彩,音乐不错。。。
    点评
    回复

    使用道具

    金凤凰

    巳巳如意 两周年庆 守望千山 一叶知秋 樱果相依
    发表于 2026-3-16 07:08 | 显示全部楼层
    欣赏马老师精彩播放器!
    点评
    回复

    使用道具

    金凤凰

    巳巳如意 两周年庆 守望千山 一叶知秋 樱果相依
    发表于 2026-3-16 07:09 | 显示全部楼层
    黑黑老师辛苦了!
    点评
    回复

    使用道具

    一坛酒

    樱果相依
     楼主| 发表于 2026-3-16 13:59 | 显示全部楼层
    点评
    回复

    使用道具

    一坛酒

    樱果相依
     楼主| 发表于 2026-3-16 13:59 | 显示全部楼层
    醉美水芙蓉 发表于 2026-3-16 07:08
    欣赏马老师精彩播放器!

    点评
    回复

    使用道具

    您需要登录后才可以回帖 登录 | 中文注册

    本版积分规则

    Powered by Discuz! X3.5

    © 2001-2026 Discuz! Team.

    快速回复 返回顶部 返回列表