小辣椒 发表于 2026-3-27 22:13

测试音画帖快手模板

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://wj.zp68.com/lxx/yunhua/2026/03/02/46.jpg') no-repeat center/cover; margin: 130px 0; --ma-size: 12%;width: 1400px; height: 788px; }
.player { bottom: 70px; width: 100px; height: 100px; }
.bgprog { bottom: 50px; color: #fefefe; }
.btnFs { left: 30px; top: 30px; color: lightblue; }
.lrc { text-shadow:1px 1px 1px CadetBlue;   left: 12%; top: 10%; font:normal 2.4em 隶书; color: #e9ebf2; z-index: 999; --c1: #0bbb0b; --c2: #e9ebf2;--border: 0' }
</style>

<div class="pa">
<audio src="https://wj.zp68.com/lxx/yunhua/2026/03/02/01.mp3" autoplay loop></audio>

<video class="pd-vid" src="https://chuangshicdn.file.m.mvbox.cn/upload/a774314ca14d606ec23226e73f49d770.mp4" autoplay loop muted></video>


<div class="lrc">LRC</div>
<img src="https://wj.zp68.com/lxx/yunhua/2026/01/16/w.png" class="player rotate invert" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>

<script>
var gc = `这一别是永远
词/曲：黑奔驰
歌手：铃花儿   
这一别 是永远
隔着海 隔着天
思念积成了心头的雪
梦里面 千万遍
看不清 你的脸
能否再续上来世的缘
LRC编辑：小辣椒
卸下一身风霜 伴着月光
镜子里的脸庞 那么沧桑
总是习惯回头望
总觉得你还在老地方
原来最喧嚣的竟是这空荡
昏暗的灯摇晃 夜太漫长
酒杯碰碎了月亮 满身过往
关上心房的窗
骗自己安然无恙
遗憾岁月只教人念念不忘
这一别 是永远
隔着海 隔着天
思念积成了心头的雪
梦里面 千万遍
看不清 你的脸
能否再续上来世的缘
这一别 是永远
隔着海 隔着天
思念积成了心头的雪
梦里面 千万遍
看不清 你的脸
能否再续上来世的缘
谢谢欣赏
`;

loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js');

function loadJs(url, callback) {
    const script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.defer = true;
    script.onload = () => {
      var tz = TZ('pa');
      tz.start(gc);
    };
    document.head.appendChild(script);
}
</script>

小辣椒 发表于 2026-3-27 22:15

这个音画版快手模板，一定要看黑黑这些备注，我开始没有注意，就一直歌词不出来

2026/3/27补充：关于代码框中的注释代码

（一）CSS代码中有一行， /* .lrc { top: 30px; } */ ，这是为做LRC歌词同步帖准备，若制作的是歌词同步帖，请把注释打开，即将 /* 和 */ 都删掉。如果做无歌词同步帖，整句删掉；

（二）HTML代码有两行，一行是视频标签，另一行是LRC歌词标签，视情况解开注释或删掉。HTML注释结构为 <!-- 被注释的内容 --> ，将头尾的 <!-- 和 --> 删掉即解开注释。不使用视频标签或LRC歌词标签的删掉整句；

（三）JS代码有两成注释，都针对 LRC歌词同步：第一处是多行注释，解开注释的方式参考（一）所描述的方法；第二处是 // tz.start(gc); ，解开注释的方法是把把它前面的代码删掉，把注释前缀 \\ 符号删掉。如果不是发歌词帖，两处注释代码单元整体删掉。

小辣椒 发表于 2026-3-27 22:16

@马黑黑

旧图 旧音乐 纯测试一个

小辣椒 发表于 2026-3-27 22:18

又迟了，准备下了，今天又来不及回帖了，抱歉朋友们{:4_198:}

马黑黑 发表于 2026-3-27 22:29

帖子做得相当漂亮。

根据背景特征，歌词的阴影可以考虑使用其它颜色：

text-shadow: 1px 1px 1px lightgreen;

浅绿色可以考虑一下，或换别的。

樵歌 发表于 2026-3-28 08:00

又是一个想顺而顺不走的帖子，喜欢喜欢最喜欢。{:4_172:}

红影 发表于 2026-3-28 13:05

这背景好漂亮，小播也好看。欣赏亲爱的好帖{:4_187:}

亚伦影音工作室 发表于 2026-3-28 17:48

看不到歌词！

小辣椒 发表于 2026-3-28 21:16

马黑黑 发表于 2026-3-27 22:29
帖子做得相当漂亮。

根据背景特征，歌词的阴影可以考虑使用其它颜色：


已经换好了{:4_187:}

小辣椒 发表于 2026-3-28 21:17

亚伦影音工作室 发表于 2026-3-28 17:48
看不到歌词！

问好亚纶，歌词我可以看见啊

杨帆 发表于 2026-3-28 22:06

好听好看~谢谢小辣椒精彩分享{:4_204:}

小辣椒 发表于 2026-3-28 22:13

杨帆 发表于 2026-3-28 22:06
好听好看~谢谢小辣椒精彩分享

问好杨帆，你可以看见歌词出来吗

小辣椒 发表于 2026-3-28 22:16

樵歌 发表于 2026-3-28 08:00
又是一个想顺而顺不走的帖子，喜欢喜欢最喜欢。

樵哥哥歌词还没有会编辑，这个歌词同步帖都慢慢来，有现在想做的。歌词发我，我给你编辑歌词同步

小辣椒 发表于 2026-3-28 22:17

红影 发表于 2026-3-28 13:05
这背景好漂亮，小播也好看。欣赏亲爱的好帖

亲爱的，偷懒，就一个视频做了二个效果{:4_173:}

杨帆 发表于 2026-3-28 22:21

小辣椒 发表于 2026-3-28 22:13
问好杨帆，你可以看见歌词出来吗

是，显示正常{:4_204:}

马黑黑 发表于 2026-3-28 22:32

小辣椒 发表于 2026-3-28 21:16
已经换好了

厉害

梦江南 发表于 2026-3-29 18:42

小辣椒做出来的音画真漂亮。佩服哦！{:4_187:}

樵歌 发表于 2026-3-29 20:06

小辣椒 发表于 2026-3-28 22:16
樵哥哥歌词还没有会编辑，这个歌词同步帖都慢慢来，有现在想做的。歌词发我，我给你编辑歌词同步

知道你做得好，也为我做了许多了，你的眼睛爱不了，我还是学着自己做，反正时间我有的是。现在去那剪映上过一下就简单了。{:4_189:}

小辣椒 发表于 2026-3-30 21:16

马黑黑 发表于 2026-3-28 22:32
厉害

怎么可能是厉害呢

小辣椒 发表于 2026-3-30 21:17

梦江南 发表于 2026-3-29 18:42
小辣椒做出来的音画真漂亮。佩服哦！

阿姨晚上好，谢谢欣赏，是小辣椒好佩服阿姨哦{:4_185:}
页: [1] 2
查看完整版本: 测试音画帖快手模板