小辣椒 发表于 2026-2-17 22:22

我对你太想念太想念 （ 套用黑黑潮汐播放器效果）

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
    .pa {top:70px;--bg: url('https://wj.zp68.com/lxx/yunhua/2026/02/02/90.jpg') no-repeat center/cover; }
    #player { bottom: 20px; display: grid; place-items: center; }
</style>

<div class="pa">
    <div id="player" class="wrap200">
      <svg id="msvg" width="200" height="200">
            <circle id="track" cx="100" cy="100" r="90" fill="none" stroke="rgba(0,191,255,0.8)" stroke-width="10"></circle>
            <circle id="prog" cx="100" cy="100" r="90" fill="none" stroke="white" stroke-width="10"></circle>
      </svg>
    </div>
</div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.js';

    const tz = TZ.TZ('pa');

    tz.add('audio', '', '', {src: 'https://aod.cos.tx.xmcdn.com/storages/9ca2-audiofreehighqps/17/C6/GMCoOScJB2MsACAAAAJwL5_K.m4a'});
    tz.add('video', '', 'pd-vid', {src: 'https://video-qn.51miz.com/preview/video/00/00/67/71/V-677108-F002DB12.mp4'});
    tz.add('img', '', 'ma', {src: 'https://638183.freep.cn/638183/small/webp/whale.webp'})
      .style('width: 175px; height: 175px; clip-path: circle(40%); mix-blend-mode: multiply;')
      .to(player)
      .playmp3();
    tz.svgprog(msvg, track, prog);
    tz.fs().style('right: 20px; top: 20px;');
    tz.autoMid();
</script>

小辣椒 发表于 2026-2-17 22:25

@马黑黑

黑黑新年快乐！新年还分享制作，辛苦了{:4_187:}

刚才新的电饭煲去测试制作了一个测试了二次，我是加花潮格式的歌词的，最后没有成功，后面就这样套用了一个，回到帖子居中位置非常好{:4_199:}

马黑黑 发表于 2026-2-17 22:48

小辣椒 发表于 2026-2-17 22:25
@马黑黑

黑黑新年快乐！新年还分享制作，辛苦了

加花朝格式你得点选“花朝格式”，用什么格式就选什么。歌词格式页面上都有说明。

红影 发表于 2026-2-17 23:12

好看的制作，欣赏亲爱的大好帖{:4_187:}

上海朝阳 发表于 2026-2-18 08:42

做两个自行车轮胎可以腾飞啦{:4_172:}

梦江南 发表于 2026-2-18 12:38

小辣椒，新年快乐！这位骑自行车美女怎么有二个啊？是有意做的吗？{:4_187:}

樵歌 发表于 2026-2-18 21:55

一个真身，一个是魂魄，做得棒棒 哒！{:4_204:}

樵歌 发表于 2026-2-18 22:01

怎么能搬到剪映上去呀？{:4_169:}，我想搬上去，以后你做的我都好抄了{:4_170:}
页: [1]
查看完整版本: 我对你太想念太想念 （ 套用黑黑潮汐播放器效果）