马黑黑 发表于 2025-11-5 07:35

郑润泽 - 归帆

<style>
        @import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
        .pa {--offsetX: 81px; --bg: url('https://img.cc0.cn/pixabay/2019102321051725932.jpg!cc0.cn.jpg') no-repeat center/cover; }
</style>

<div id="pa" class="pa"></div>

<script type="module">
        import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v2.js';
        var tz = TZ.TZ('pa');
        var geci = [ , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
        tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2758538964' });
        tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2269348/00/14/14/5e1bc13831974.mp4' });
        tz.add('img', 'player', 'ma', {
                src: 'https://638183.freep.cn/638183/small/hh1.webp',
                style: 'bottom: 100px; rotate: 1 0.75 0.5 180deg;'
        }).playmp3();
        tz.lrc(geci).style('bottom: 20px; color: white; --c1: transparent; --c2: white');
        tz.bgprog().style('color: lightblue; bottom: 75px');
        tz.fs().style('top: 20px; right: 20px');
</script>

马黑黑 发表于 2025-11-5 07:35

帖子代码

<style>
        @import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
        .pa {--offsetX: 81px; --bg: url('https://img.cc0.cn/pixabay/2019102321051725932.jpg!cc0.cn.jpg') no-repeat center/cover; }
</style>

<div id="pa" class="pa"></div>

<script type="module">
        import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v2.js';
        var tz = TZ.TZ('pa');
        var geci = [ , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ];
        tz.add('audio', '', '', { src: 'https://music.163.com/song/media/outer/url?id=2758538964' });
        tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2269348/00/14/14/5e1bc13831974.mp4' });
        tz.add('img', 'player', 'ma', {
                src: 'https://638183.freep.cn/638183/small/hh1.webp',
                style: 'bottom: 100px; rotate: 1 0.75 0.5 180deg;'
        }).playmp3();
        tz.lrc(geci).style('bottom: 20px; color: white; --c1: transparent; --c2: white');
        tz.bgprog().style('color: lightblue; bottom: 75px');
        tz.fs().style('top: 20px; right: 20px');
</script>

梦江南 发表于 2025-11-5 08:52

喜欢这背景图片，这首歌也好听，小播漂亮。黑黑老师辛苦了！{:4_187:}

马黑黑 发表于 2025-11-5 11:55

梦江南 发表于 2025-11-5 08:52
喜欢这背景图片，这首歌也好听，小播漂亮。黑黑老师辛苦了！

{:4_180:}

杨帆 发表于 2025-11-5 14:13

加上歌词，代码量依旧不多，挺好~{:4_191:}

樵歌 发表于 2025-11-5 15:57

搞机械的都知道有个机械美学，你这暂且叫《科技美学吧》，不知道这样叫对不对{:4_203:}

樵歌 发表于 2025-11-5 15:58

很科技很前卫很有意境！

马黑黑 发表于 2025-11-5 18:19

樵歌 发表于 2025-11-5 15:57
搞机械的都知道有个机械美学，你这暂且叫《科技美学吧》，不知道这样叫对不对

你说对就对不对也对{:4_170:}

马黑黑 发表于 2025-11-5 18:19

樵歌 发表于 2025-11-5 15:58
很科技很前卫很有意境！

还有回归时间表呢，不知道你注意到木有

马黑黑 发表于 2025-11-5 18:21

杨帆 发表于 2025-11-5 14:13
加上歌词，代码量依旧不多，挺好~

这个 tzMaker 是全套封装，支持单曲、多曲、LRC歌词、多曲LRC歌曲，选择好指令、按指令规范部署代码即可

杨帆 发表于 2025-11-5 18:43

马黑黑 发表于 2025-11-5 18:21
这个 tzMaker 是全套封装，支持单曲、多曲、LRC歌词、多曲LRC歌曲，选择好指令、按指令规范部署代码即可
...

哇，全套封装的 tzMaker 太厉害了！马老师威武{:4_180:}

樵歌 发表于 2025-11-5 18:44

马黑黑 发表于 2025-11-5 18:19
你说对就对不对也对

我说不对对也不对{:4_196:}

樵歌 发表于 2025-11-5 18:46

马黑黑 发表于 2025-11-5 18:19
还有回归时间表呢，不知道你注意到木有

你用背景是轰六K上拍的中央山脉吧，牛！{:4_178:}

马黑黑 发表于 2025-11-5 19:20

樵歌 发表于 2025-11-5 18:46
你用背景是轰六K上拍的中央山脉吧，牛！

必须牛

马黑黑 发表于 2025-11-5 19:21

樵歌 发表于 2025-11-5 18:44
我说不对对也不对

你说不对也不对不对

马黑黑 发表于 2025-11-5 19:22

杨帆 发表于 2025-11-5 18:43
哇，全套封装的 tzMaker 太厉害了！马老师威武

开发的过程按理你一路看过，应该早已知道它支持什么

杨帆 发表于 2025-11-5 20:17

马黑黑 发表于 2025-11-5 19:22
开发的过程按理你一路看过，应该早已知道它支持什么

是的，但只是知道个大概，还需跟老师好好学习{:4_180:}

马黑黑 发表于 2025-11-5 20:20

杨帆 发表于 2025-11-5 20:17
是的，但只是知道个大概，还需跟老师好好学习

这个跟文档学就可以了：指令的使用，文档基本都说清楚了。

红影 发表于 2025-11-5 20:35

小播正好是圆形，还在空间上转了一个方向，是模拟的船上的轮盘吧{:4_173:}
这歌是纪念台湾光复80周年的，愿湾湾早日回归{:4_187:}

杨帆 发表于 2025-11-5 20:53

马黑黑 发表于 2025-11-5 20:20
这个跟文档学就可以了：指令的使用，文档基本都说清楚了。

是的，老师撰写的文档言之有序、深入浅出、通俗易懂，跟老师的文档学挺好~谢谢老师{:4_180:}
页: [1] 2
查看完整版本: 郑润泽 - 归帆