tzMaker在线宝宝

马黑黑

🎡tzMaker在线制作工具

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

偏 移 量 :

数字+px（例如：81px）

帖子宽度 : （可选，例：1400px） 帖子高度 :

（可选，例：720px）

背景图片 :

背景设置 :

背景图片是否重复、位置、尺寸等

小播尺寸 :

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

自定义CSS：（可选，例：.player { width: 120px; height: 120px; }）

音频地址 :

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

视频来源 : 熊猫 千库 其它

视频地址 :

相关CSS :

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

小播元素 : 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 在线工具已经能适配 Discuz! 论坛。欢迎大家试用！如果能将使用过程中发现的问题和其他相关事宜在此帖以回复形式告知，楼主将不胜感激！

马黑黑

啥也不写就生成代码也能预览。这是tzMaker及其在线工具的友好性体现

朵拉

学生试用一下，感谢老师 辛苦了

彩云归

帖子宽度生成代码时为wdth有误。

小辣椒

这个应该置顶，以后可以随时可以找到

红影

终于能弄到这里来了，黑黑下了不少功夫吧。这个在线工具真的太好了

红影

忍不住就想去找歌做个

霜染枫丹

谢谢马老师。辛苦了，晚上好！

我已经把这个网址做了链接。很高兴能有这么好的工具可以使用。

马黑黑

霜染枫丹 发表于 2026-1-15 22:01
谢谢马老师。辛苦了，晚上好！

我已经把这个网址做了链接。很高兴能有这么好的工具可以使用。{ ...

马黑黑

红影 发表于 2026-1-15 21:53
忍不住就想去找歌做个

支持做个

马黑黑

红影 发表于 2026-1-15 21:42
终于能弄到这里来了，黑黑下了不少功夫吧。这个在线工具真的太好了

马黑黑

朵拉 发表于 2026-1-15 20:57
学生试用一下，感谢老师 辛苦了

手机用起来会难受一点

马黑黑

小辣椒 发表于 2026-1-15 21:35
这个应该置顶，以后可以随时可以找到

马黑黑

彩云归 发表于 2026-1-15 21:10
帖子宽度生成代码时为wdth有误。

帖子宽度、高度不是必须的，如果自定义则由自己填写，回头看看“帖子容器”里的宽度、高度栏目的书写，这里怎么写，生成的代码照搬。

霜染枫丹

马黑黑 发表于 2026-1-15 22:18

谢谢马老师！

有了这个工具，制作播放器就是速成！！每一次制作到了歌词这个步骤，总是让我感到紧张，一个逗号就会翻车，让我特别小心。马老师这个工具让这一步轻松直达。我试了好几个歌词，特别爽！！
通过工具快速制作好，仍可以进行改动，宅心仁厚，没有进行捆绑，形成牵一发而动全身，无法更改，这一点特别厚道！！
我终于弄明白了影子我一开始不能翻页的原因，是成对符号若删除就不能翻页，通过删除在恢复检测出来的，也被儿子笑话的说几十年山寨被一个符号给难住了，敲一下箭头就跳出来了。这个工具确实给山寨制作人带来了快乐！！谢谢你！！

                               
登录/注册后可看大图

马黑黑

霜染枫丹 发表于 2026-1-15 22:56
谢谢马老师！

有了这个工具，制作播放器就是速成！！每一次制作到了歌词这个步骤，总是让我感到紧张， ...

关于影子输入法标点符号的智能成对出现，是可以自定义的，需要在 data 目录下的 usercustoms.ask 文件加入如下语句：

;自定义中文标点（取消了成对输出）
srf_symbol:={"``":["``","·"], "~":["~","~"], "!":["!","！"], "@":["@","@"], "#":["#","#"], "$":["$","￥"], "%":["%","%"], "^":["^","……"], "&":["&","&"], "*":["*","*"], "(":["(","（"], ")":[")","）"], "_":["_","——"], "-":["-","-"], "+":["+","+"], "=":["=","="], "[":["[","【"], "]":["]","】"], "{":["{","{"], "}":["}","}"], "\":["\","、"], "|":["|","|"], ";":[";","；"], ":":[":","："], "'":["'","‘"], """":["""","“"], "<":["<","《"],">":[">","》"],",":[",","，"],".":[".","。"], "/":["/","/"], "?":["?","？"]}

注意不要用微软windows自带的记事本修改该文件。加入上述语句后，保存，然后重启影子输入法，所做修改就能生效。

霜染枫丹

马黑黑 发表于 2026-1-16 00:01
关于影子输入法标点符号的智能成对出现，是可以自定义的，需要在 data 目录下的 usercustoms.ask 文件加 ...

谢谢马老师，我试试。我按照您博客的教程进行了设置，都很顺利。您费心了，祝好！！

马黑黑

彩云归 发表于 2026-1-15 21:10
帖子宽度生成代码时为wdth有误。

我又看了一下，的确是我的错，现已更正。前面的回复作废。谢谢你！

马黑黑

霜染枫丹 发表于 2026-1-16 00:06
谢谢马老师，我试试。我按照您博客的教程进行了设置，都很顺利。您费心了，祝好！！

希望成功！