tzMaker在线制作工具歌词版上线

马黑黑 · 发表于 2026-1-15 12:16

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

tzMaker在线制作工具歌词版上线👣

虽然 tzMaker 已经极尽所能将制帖流程简易化，它仍存在一定难度，驾驭它需要熟悉其指令、约定以及相应的Html、CSS、JS功底，对基础相对薄弱的朋友还不够友好。这是开发tzMaker在线工具的原因。预览版发布之后，不少朋友立马试用，感受良好，并提了一些极好的建议，这给后续开发和维护注入了强大的动力，本人为此甚至不惜牺牲相亲机会，沏上一壶苦咖啡、拆一盒软华子，然后专注于细节的调整、必要模块和功能的添加，咖啡喝完烟也抽得发苦之后，带LRC歌词同步的版本可以上线。

工具应该简单易用：只需在各个功能模块中切换，在相应栏目填入相应的数据，然后生成代码、预览，效果不理想再回头修改相应栏目的数据，直至感觉良好为止，最后就是复制代码、发布帖子。

各个模块在认为必要的子项都有文本说明或 Tip 提示，请严格按照说明填写数据——工具暂未对用户数据进行校验，用户所填写的数据都会被如实使用。

简单说明各个模块的使用方法和注意事项：

一、帖子容器

⒈ 帖子宽高：帖子的宽高设置非必须，因为 tzMaker 所引用的 css 使用了弹性设置以自适应不同的显示分辨率，但可根据需要设置帖子容器的宽高。
⒉ 自定义CSS ：可选。这里要求的数据是CSS选择器代码，一行一个选择器，例如：

.vid { mix-blend-mode: screen; opacity: 0.5; }

上面设置的是一个自定义视频标签，它在 tzMaker CSS 资源中已经设置了基本的样式，这里是追加属性设置：融合和透明度。这个选择器用于自定义视频，对应的视频设置模块应点选视频来源的“其它”子项。

二、音频

集成网易云音乐前缀的手动上屏功能：点击音频地址文本框下边的文字，wyy音频地址前缀上屏，加上音频的id即可。

三、视频

⒈ 视频来源视情况点选相应子项，不然对不上号，修饰效果会达不到预期。如果使用的是自定义（即其它）视频来源，且前面已经设置了 .vip {} 选择器，这里的相关CSS不用填写。
⒉ 相关CSS可选，觉得比要可以写入一些CSS属性值，例如透明度设置、尺寸等：

opacity: 0.5; width: 200px; height: 200px; border-radius: 50%; left: 100px; top: 100px;

⒊ 如果帖子不需要视频，“视频地址”输入框留空即可。

四、小播

通过工具制作的小播为简易版：使用 img 或 div 元素充当小播，任意一种都可以，同时都需要提供图片地址。小播默认使用 .ma 选择器制定的样式，在“帖子容器”设置中的“小播尺寸”子项针对的就是小播。小播在帖子中的位置在这里设置。需要高级功能版的效果请在生成代码之后修改对应源码。

五、进度条

利用工具制作的 tzMaker 音频播放进度条为简易版，背景进度条。在这里，至少需要设置进度条的位置。

六、LRC歌词

⒈ 歌词格式：分花潮格式和原生格式。二者的区别在于模拟逐字同步的精准度，后者没有手动掐算每句歌词的演唱用时。选择何种格式视自己准备的歌词格式而定。歌词数据的填写支持单行、分行，花朝格式的按数组内容的组织格式填写，原生格式的单行使用 \n 符号衔接各句、多行时每行一个 [mm:ss.nn]歌词 数据信息。
⒉ 歌词效果：淡入效果，可选，建议非花潮格式的歌词使用。
⒊ 歌词定位：默认绝对居中显示，可以自设位置。在这里，还可以以CSS属性设置的方式自定义歌词颜色、同步色（勾选淡入效果的设置无效），例如下面的设置（--c1和--c2时同步渐变参与颜色）——

top: 100px; color: gray; --c1: pink; --c2: purple;

七、全屏