简静推荐一个音画在线制作工具（马黑黑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]]

花简静

附色码表：

颜色	英文代码	中文名称	HEX格式	RGB格式
	LightPink	浅粉红	#FFB6C1	255,182,193
	Pink	粉红	#FFC0CB	255,192,203
	Crimson	猩红	#DC143C	220,20,60
	LavenderBlush	脸红的淡紫色	#FFF0F5	255,240,245
	PaleVioletred	苍白的紫罗兰红色	#DB7093	219,112,147
	HotPink	热情的粉红	#FF69B4	255,105,180
	DeepPink	深粉色	#FF1493	255,20,147
	MediumVioletred	适中的紫罗兰红色	#C71585	199,21,133
	Orchid	兰花的紫色	#DA70D6	218,112,214
	Thistle	蓟	#D8BFD8	216,191,216
	plum	李子	#DDA0DD	221,160,221
	Violet	紫罗兰	#EE82EE	238,130,238
	Magenta	洋红	#FF00FF	255,0,255
	Fuchsia	灯笼海棠(紫红色)	#FF00FF	255,0,255
	DarkMagenta	深洋红色	#8B008B	139,0,139
	Purple	紫色	#800080	128,0,128
	MediumOrchid	适中的兰花紫	#BA55D3	186,85,211
	DarkVoilet	深紫罗兰色	#9400D3	148,0,211
	DarkOrchid	深兰花紫	#9932CC	153,50,204
	Indigo	靛青	#4B0082	75,0,130
	BlueViolet	深紫罗兰的蓝色	#8A2BE2	138,43,226
	MediumPurple	适中的紫色	#9370DB	147,112,219
	MediumSlateBlue	适中的板岩暗蓝灰色	#7B68EE	123,104,238
	SlateBlue	板岩暗蓝灰色	#6A5ACD	106,90,205
	DarkSlateBlue	深岩暗蓝灰色	#483D8B	72,61,139
	Lavender	熏衣草花的淡紫色	#E6E6FA	230,230,250
	GhostWhite	幽灵的白色	#F8F8FF	248,248,255
	Blue	纯蓝	#0000FF	0,0,255
	MediumBlue	适中的蓝色	#0000CD	0,0,205
	MidnightBlue	午夜的蓝色	#191970	25,25,112
	DarkBlue	深蓝色	#00008B	0,0,139
	Navy	海军蓝	#000080	0,0,128
	RoyalBlue	皇军蓝	#4169E1	65,105,225
	CornflowerBlue	矢车菊的蓝色	#6495ED	100,149,237
	LightSteelBlue	淡钢蓝	#B0C4DE	176,196,222
	LightSlateGray	浅石板灰	#778899	119,136,153
	SlateGray	石板灰	#708090	112,128,144
	DoderBlue	道奇蓝	#1E90FF	30,144,255
	AliceBlue	爱丽丝蓝	#F0F8FF	240,248,255
	SteelBlue	钢蓝	#4682B4	70,130,180
	LightSkyBlue	淡蓝色	#87CEFA	135,206,250
	SkyBlue	天蓝色	#87CEEB	135,206,235
	DeepSkyBlue	深天蓝	#00BFFF	0,191,255
	LightBLue	淡蓝	#ADD8E6	173,216,230
	PowDerBlue	火药蓝	#B0E0E6	176,224,230
	CadetBlue	军校蓝	#5F9EA0	95,158,160
	Azure	蔚蓝色	#F0FFFF	240,255,255
	LightCyan	淡青色	#E1FFFF	225,255,255
	PaleTurquoise	苍白的绿宝石	#AFEEEE	175,238,238
	Cyan	青色	#00FFFF	0,255,255
	Aqua	水绿色	#00FFFF	0,255,255
	DarkTurquoise	深绿宝石	#00CED1	0,206,209
	DarkSlateGray	深石板灰	#2F4F4F	47,79,79
	DarkCyan	深青色	#008B8B	0,139,139
	Teal	水鸭色	#008080	0,128,128
	MediumTurquoise	适中的绿宝石	#48D1CC	72,209,204
	LightSeaGreen	浅海洋绿	#20B2AA	32,178,170
	Turquoise	绿宝石	#40E0D0	64,224,208
	Auqamarin	绿玉\碧绿色	#7FFFAA	127,255,170
	MediumAquamarine	适中的碧绿色	#00FA9A	0,250,154
	MediumSpringGreen	适中的春天的绿色	#F5FFFA	245,255,250
	MintCream	薄荷奶油	#00FF7F	0,255,127
	SpringGreen	春天的绿色	#3CB371	60,179,113
	SeaGreen	海洋绿	#2E8B57	46,139,87
	Honeydew	蜂蜜	#F0FFF0	240,255,240
	LightGreen	淡绿色	#90EE90	144,238,144
	PaleGreen	苍白的绿色	#98FB98	152,251,152
	DarkSeaGreen	深海洋绿	#8FBC8F	143,188,143
	LimeGreen	酸橙绿	#32CD32	50,205,50
	Lime	酸橙色	#00FF00	0,255,0
	ForestGreen	森林绿	#228B22	34,139,34
	Green	纯绿	#008000	0,128,0
	DarkGreen	深绿色	#006400	0,100,0
	Chartreuse	查特酒绿	#7FFF00	127,255,0
	LawnGreen	草坪绿	#7CFC00	124,252,0
	GreenYellow	绿黄色	#ADFF2F	173,255,47
	OliveDrab	橄榄土褐色	#556B2F	85,107,47
	Beige	米色(浅褐色)	#6B8E23	107,142,35
	LightGoldenrodYellow	浅秋麒麟黄	#FAFAD2	250,250,210
	Ivory	象牙	#FFFFF0	255,255,240
	LightYellow	浅黄色	#FFFFE0	255,255,224
	Yellow	纯黄	#FFFF00	255,255,0
	Olive	橄榄	#808000	128,128,0
	DarkKhaki	深卡其布	#BDB76B	189,183,107
	LemonChiffon	柠檬薄纱	#FFFACD	255,250,205
	PaleGodenrod	灰秋麒麟	#EEE8AA	238,232,170
	Khaki	卡其布	#F0E68C	240,230,140
	Gold	金	#FFD700	255,215,0
	Cornislk	玉米色	#FFF8DC	255,248,220
	GoldEnrod	秋麒麟	#DAA520	218,165,32
	FloralWhite	花的白色	#FFFAF0	255,250,240
	OldLace	老饰带	#FDF5E6	253,245,230
	Wheat	小麦色	#F5DEB3	245,222,179
	Moccasin	鹿皮鞋	#FFE4B5	255,228,181
	Orange	橙色	#FFA500	255,165,0
	PapayaWhip	番木瓜	#FFEFD5	255,239,213
	BlanchedAlmond	漂白的杏仁	#FFEBCD	255,235,205
	NavajoWhite	Navajo白	#FFDEAD	255,222,173
	AntiqueWhite	古代的白色	#FAEBD7	250,235,215
	Tan	晒黑	#D2B48C	210,180,140
	BrulyWood	结实的树	#DEB887	222,184,135
	Bisque	(浓汤)乳脂,番茄等	#FFE4C4	255,228,196
	DarkOrange	深橙色	#FF8C00	255,140,0
	Linen	亚麻布	#FAF0E6	250,240,230
	Peru	秘鲁	#CD853F	205,133,63
	PeachPuff	桃色	#FFDAB9	255,218,185
	SandyBrown	沙棕色	#F4A460	244,164,96
	Chocolate	巧克力	#D2691E	210,105,30
	SaddleBrown	马鞍棕色	#8B4513	139,69,19
	SeaShell	海贝壳	#FFF5EE	255,245,238
	Sienna	黄土赭色	#A0522D	160,82,45
	LightSalmon	浅鲜肉(鲑鱼)色	#FFA07A	255,160,122
	Coral	珊瑚	#FF7F50	255,127,80
	OrangeRed	橙红色	#FF4500	255,69,0
	DarkSalmon	深鲜肉(鲑鱼)色	#E9967A	233,150,122
	Tomato	番茄	#FF6347	255,99,71
	MistyRose	薄雾玫瑰	#FFE4E1	255,228,225
	Salmon	鲜肉(鲑鱼)色	#FA8072	250,128,114
	Snow	雪	#FFFAFA	255,250,250
	LightCoral	淡珊瑚色	#F08080	240,128,128
	RosyBrown	玫瑰棕色	#BC8F8F	188,143,143
	IndianRed	印度红	#CD5C5C	205,92,92
	Red	纯红	#FF0000	255,0,0
	Brown	棕色	#A52A2A	165,42,42
	FireBrick	耐火砖	#B22222	178,34,34
	DarkRed	深红色	#8B0000	139,0,0
	Maroon	栗色	#800000	128,0,0
	White	纯白	#FFFFFF	255,255,255
	WhiteSmoke	白烟	#F5F5F5	245,245,245
	Gainsboro	Gainsboro	#DCDCDC	220,220,220
	LightGrey	浅灰色	#D3D3D3	211,211,211
	Silver	银白色	#C0C0C0	192,192,192
	DarkGray	深灰色	#A9A9A9	169,169,169
	Gray	灰色	#808080	128,128,128
	DimGray	暗淡的灰色	#696969	105,105,105
	Black	纯黑	#000000	0,0,0

花简静

附音乐素材：

音乐素材：

【古风男声】
落了白 (摇滚版) - 万能公式3330842584     露水谣 - 方天雷436355102
风烟之末 - 叶里/河图  2116713419         风月不委婉 - 李常超 (Lao乾妈)3340678687
墨染桃花 - 捷歌飞扬  3339736992        春闺仕女图 - 河图3319295986
无归期 (古风摇滚版) - 大头针3317930357     春庭雪 (国风摇滚) - 烟火客3325252890
观澜 - 陈亦洺1910979036          祖籁 - 黄诗扶/蔡翊昇2608824340

【古风女声】
水中月镜中花   2093250112     光影纠缠不清 2637756758
漫别秋剑时2744822736       梦里花落知多少 2757966488
南山雪 (戏腔版) 2738145650     良辰夜2075545193
残羽谣 3321723289       从前有座山 1857224297
浮生记 - 庄东茹（豆芽鱼）2120689859      晚 - 唐伯虎Annie3318981752

【现代男声】
村里人贾高兴-风已经有了冬天的味道3327111712      丁钟泽-《错》2746283959
旧梦难却   2747272797    短暂的瞬息   2746668246
被神明写的歌  2010232946   不值得你爱我2617582548
靠近 - 盛哲1873212271     消散的味道1887015288


【现代女声】
末日狂奔 (Live) - 郁可唯3317989772         You Ain't Right - 张靓颖2052387456
我扼杀了我 - 向小羊2754557023            山 - 祝一可2053697800
所有美好奔你而来 - 魏新雨2731325884     对话框显示正在输入 - 菲菲2740605399
患失病 - 陈壹千3316900419       微风 - 空频信号2756415307

以上音乐素材由@一鹿向北收集归类，搬运部分过来~非常感谢 {:1_155:} {:1_154:}

花简静

视频素材获得方法：

更多熊猫视频，请查看网页源代码第252行 

更多千库视频，请查看网页源代码第517行 

花简静

一些小播图片：