马黑黑 发表于 2026-3-27 18:53

曲婉婷 - 没有什么不同

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://bpic.588ku.com/video_listen_yay/video/62425_20230905112819_1.jpg') no-repeat center/cover; }
.player { bottom: 50px; width: 4vw; }
.bgprog { bottom: 20px; }
.btnFs { left: 30px; top: 30px; color: lightblue; }
.lrc { text-shadow: 1px 1px 1px white; }
</style>

<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=2044458041" autoplay loop></audio>
<div class="lrc">LRC</div>
<img src="https://638183.freep.cn/638183/small/2026/a4.png" class="player rotate invert" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>

<script>
var gc = `曲婉婷 - 没有什么不同\n又是你的面孔 带给我是笑容\n在我哭泣的时候\n又是你的问候 带给我是感动\n在我孤寂的时候\n虽然没有天生一样的\n但在地球上我们是一样的\n尽管痛的苦的没说的\n但哪有一路走来都是顺风的\n因为我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n又是你的面孔 带给我是笑容\n在我哭泣的时候\n又是你的问候 带给我是感动\n在我孤寂的时候\n虽然没有天生一样的\n但在地球上我们是一样的\n尽管痛的苦的没说的\n但哪有一路走来都是顺风的\n因为我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n每一天 每一年 都可以是新的起跑线\n也可以是终点 看你怎么选\n望着无边无际遥远的地平线\n哪里会是你的极限\n我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n因为我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路`;

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 18:54

帖子代码由 音画帖快手 生成：

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: url('https://bpic.588ku.com/video_listen_yay/video/62425_20230905112819_1.jpg') no-repeat center/cover; }
.player { bottom: 50px; width: 4vw; }
.bgprog { bottom: 20px; }
.btnFs { left: 30px; top: 30px; color: lightblue; }
.lrc { text-shadow: 1px 1px 1px white; }
</style>

<div class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=2044458041" autoplay loop></audio>
<div class="lrc">LRC</div>
<img src="https://638183.freep.cn/638183/small/2026/a4.png" class="player rotate invert" title="Alt+X" alt="">
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>

<script>
var gc = `曲婉婷 - 没有什么不同\n又是你的面孔 带给我是笑容\n在我哭泣的时候\n又是你的问候 带给我是感动\n在我孤寂的时候\n虽然没有天生一样的\n但在地球上我们是一样的\n尽管痛的苦的没说的\n但哪有一路走来都是顺风的\n因为我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n又是你的面孔 带给我是笑容\n在我哭泣的时候\n又是你的问候 带给我是感动\n在我孤寂的时候\n虽然没有天生一样的\n但在地球上我们是一样的\n尽管痛的苦的没说的\n但哪有一路走来都是顺风的\n因为我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n每一天 每一年 都可以是新的起跑线\n也可以是终点 看你怎么选\n望着无边无际遥远的地平线\n哪里会是你的极限\n我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n因为我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路\n谁说辉煌背后没有痛苦\n只要为了梦想不服输\n再苦也不停止脚步\n我们没有什么不同\n天黑时我们仰望同一片星空\n没有追求和付出哪来的成功\n谁说我们一定要走别人的路`;

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 19:39

好听好看，谢谢马老师精彩示范{:4_190:}

马黑黑 发表于 2026-3-27 19:54

杨帆 发表于 2026-3-27 19:39
好听好看，谢谢马老师精彩示范

{:4_191:}

朵拉 发表于 2026-3-27 21:10

老师创意十足，学生已交作业，请您指正{:4_190:}

马黑黑 发表于 2026-3-27 21:37

朵拉 发表于 2026-3-27 21:10
老师创意十足，学生已交作业，请您指正

{:4_199:}

小辣椒 发表于 2026-3-27 21:41

我在音画帖快手里面测试了，歌词不能按自己的代码出来，直接无歌词了

小辣椒 发表于 2026-3-27 21:43

我现在把你做的那个歌词位置上去了，但只能出来彩色字效果

马黑黑 发表于 2026-3-27 21:46

小辣椒 发表于 2026-3-27 21:41
我在音画帖快手里面测试了，歌词不能按自己的代码出来，直接无歌词了

正常显示歌词需要：

HTML代码中确保 <div class="lrc"></div> 语句要存在，且不能被注释；

JS 代码中， tz.start(gc); 不能被注释，且前面的 tz.start(); 一句要删掉，另外，歌词变量语句群不要被注释且没毛病。

音画帖快手的二楼详尽说明。

马黑黑 发表于 2026-3-27 21:48

小辣椒 发表于 2026-3-27 21:43
我现在把你做的那个歌词位置上去了，但只能出来彩色字效果

音画帖快手生成的 LRC歌词 就这个效果，没有别的。

要使用其它同步效果，你需要使用的是高能电饭煲，它的可选项较多。

小文 发表于 2026-3-27 21:55

欣赏先生佳作！问好！{:4_191:}

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

马黑黑 发表于 2026-3-27 21:48
音画帖快手生成的 LRC歌词 就这个效果，没有别的。

要使用其它同步效果，你需要使用的是高能电饭煲， ...

哦，那我可以了，马上好发了

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

小辣椒 发表于 2026-3-27 22:07
哦，那我可以了，马上好发了

这应该不是什么问题

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

小文 发表于 2026-3-27 21:55
欣赏先生佳作！问好！

{:4_180:}

红影 发表于 2026-3-28 12:52

音画快手的实例帖子，制作方便，好看又好听{:4_199:}
页: [1]
查看完整版本: 曲婉婷 - 没有什么不同