【马黑黑tzMaker音画贴子电饭煲】使用及说明

花简静

💠tzMaker在线制作工具

帖子容器 音频 视频 小播 进度条 LRC歌词 全屏 </> 预览

偏 移 量 :

数字+px（例如：101px）

帖子宽度 :

（可选，例：1700px）

帖子高度 :

（可选，例：960px）

背景图片 :

背景设置 :

背景图片是否重复、位置、尺寸等，建议值

小播尺寸 :

数字+单位（例如：60px | 12%）

自定义CSS：（可选，例：.vid { opacity: 0.35; mix-blend-mode: screen;}）

音频地址 :

（请确保音频资源有效 网易云↑）

视频来源 : 熊猫 千库 其它

视频地址 :

相关CSS :

（可以设置尺寸、透明度等，例：opacity: 0.5;mix-blend-mode: screen;）

小播元素 : img div

图片地址 :

小播位置 :

建议值

（小播位置请使用css语法设置，left、top、right、bottom 纵横方向两两配对或只设置其中一个）

进度条设置 :

建议值

（位置支持 left、top、right、bottom 纵横方向两两配对或只设置其中一个。可以在此设置前景色和相关内容）

歌词格式 : 花潮格式 原生格式 | 歌词淡入效果 | 定位+其他设置 :

填写歌词 :（可选，有内容表示启用歌词同步，请注意歌词格式）

【例】

① 花朝格式 ：[[0.36,"歌词一",7.2],[11.52,"歌词二",7.8],[21.42,"歌词三",3.0]]
② 原生格式 ：[00:12.33]歌词一\n[01:42.78]歌词二[06:50.61]歌词三

【注】原生格式可以使用分行代替 \n
			

文本颜色 :

支持多种颜色表达法，例：#eee | gray | rgb(200,100,50)

按钮位置 :

（按钮位置请使用 left、right、top、bottom 纵横方向两两配套并按格式进行设置 ）

（可以完善代码再预览，所做修改切换编辑模块后代码会重置到前面的所有设置）

红色部分均可点击上屏

花简静

为什么叫【tzMaker音画贴子电饭煲】
一直以来代码音画都让人忘而却步，参数和各种设置纷繁复杂。
马黑黑老师出品的这款可视化在线制作音画贴小程序，
制作人直接在程序里填入“图片”“音频”“视频”“小播””歌词“等音画元素，一键生成代码，并提供预览，。
如果感觉不满意，可直接回程序修改。
音画电饭煲像是煮饭一样，材料放入后一锅炖便可出成品，极大地简化代码编辑过程。
即使完全没有代码基础，也可以轻松完成一张有动态，带小播带歌词的音画贴。

可以说，只要会复贴粘贴，就能出音乐，画面，动态，歌词俱全的音画作品。。

花简静

一、认识九个按键

花简静

二、认识贴子容器


三、添加音频


四、添加视频

花简静

五、添加小播



六、进度条设置


七、歌词设置

花简静

八、全屏按纽设置


九、生成代码和预览

花简静

下面进入实战（请用给的实例进行填空）：

1.图片地址：https://642303.freep.cn/642303/tu/20251229sywb.webp
2.音乐地址：2108803762    《我要的不是雪》 （网易云的音乐）
3.视频地址（选一个对应打勾）：h ttps://img.tukuppt.com/video_show/2629112/00/01/74/5b498b31c08a2.mp4（熊猫）
    或者：h ttps://bpic.588ku.com/video_listen/588ku_video/22/11/05/16/14/43/video63661b737c854.mp4（千库）
4.小播图片（选一张）：https://642303.freep.cn/642303/tu/xue0.png（一片雪花）
                                https://642303.freep.cn/642303/tu/xue1.png（雪花）

花简静

5.歌词《我要的不是雪》（两种格式选一种打勾）：

原生格式歌词
        [00:00.588]单曲：我要的不是雪
        [00:00.892]我想要的不是雪
        [00:02.948]而是有你在身边
        [00:05.793]少了你的世界
        [00:08.65]再美也没有分别
        [00:10.648]我想要的不是风
        [00:12.692]而是你给的笑容
        [00:15.464]现在随人潮汹涌
        [00:17.436]而你变成一个梦
        [00:21.008]四下无人的夜
        [00:23.596]随着昙花一现
        [00:26.100]你又不期而至出现我心间
        [00:31.347]曾经你浓我浓的滴滴点点
        [00:36.768]无情的化作思念
        [00:40.992]暮色喧闹的街
        [00:43.200]灯火阑珊相邂
        [00:45.756]你说我是人海中惊鸿一瞥
        [00:50.684]怎么只因他们的私语窃窃
        [00:56.108]就对我假装看不见
        [01:02.148]我想要的不是雪
        [01:04.112]而是有你在身边
        [01:06.564]少了你的世界
        [01:09.61]再美也没有分别
        [01:11.676]我想要的不是风
        [01:13.888]而是你给的笑容
        [01:16.772]现在随人潮汹涌
        [01:18.848]而你变成一个梦
        [01:21.728]我想要的不是雪
        [01:23.748]而是有你在身边
        [01:26.196]少了你的世界
        [01:28.596]再美也没有分别
        [01:31.497]我想要的不是风
        [01:33.552]而是你给的笑容
        [01:36.336]现在随人潮汹涌
        [01:38.368]而你变成一个梦
       
       
花潮格式歌词：
[[0.39,"单曲：我要的不是雪（发发）",0.6],
        [1.02,"我想要的不是雪",1.5],
        [2.9,"而是有你在身边",2.1],
        [5.35,"少了你的世界",2.0],
        [7.86,"再美也没有分别",2.4],
        [10.66,"我想要的不是风",1.6],
        [12.67,"而是你给的笑容",2.4],
        [15.39,"现在随人潮汹涌",1.8],
        [17.51,"而你变成一个梦",2.5],
        [21.42,"四下无人的夜",1.9],
        [23.69,"随着昙花一现",2.1],
        [26.11,"你又不期而至出现我心间",3.8],
        [31.36,"曾经你浓我浓的滴滴点点",3.9],
        [36.51,"无情的化作思念",3.2],
        [41.09,"暮色喧闹的街",1.8],
        [43.23,"灯火阑珊相邂",2.1],
        [45.77,"你说我是人海中惊鸿一瞥",3.7],
        [50.71,"怎么只因他们的私语窃窃",4.2],
        [56.09,"就对我假装看不见",3.2],
        [62.15,"我想要的不是雪",1.6],
        [64.1,"而是有你在身边",2.1],
        [66.56,"少了你的世界",2.1],
        [69.01,"再美也没有分别",2.4],
        [71.62,"我想要的不是风",1.9],
        [73.91,"而是你给的笑容",2.4],
        [76.65,"现在随人潮汹涌",1.7],
        [78.79,"而你变成一个梦",2.3],
        [81.71,"我想要的不是雪",1.6],
        [83.71,"而是有你在身边",2.1],
        [86.19,"少了你的世界",2.0],
        [88.59,"再美也没有分别",2.5],
        [91.35,"我想要的不是风",1.7],
        [93.49,"而是你给的笑容",2.5],
        [96.27,"现在随人潮汹涌",1.8],
        [98.29,"而你变成一个梦",2.2]]
       

花简静

下一页看成品

花简静