小辣椒 发表于 2026-2-25 21:19

虞兮叹 帖赠:朵拉 (套用学习黑黑Hungary - The Atomic Era播放器效果)


<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/25/66.jpg') no-repeat center/cover; --ma-size: 5%;width: 1600; height: 870; }
    .vid { width: 10vw; height: 10vw; border-radius: 50%; mix-blend-mode: screen; box-shadow: 5px 5px 10px white, -5px -5px 10px yellow; }
</style>

<div id="tzbrother"></div><style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
      .pa {--offsetX: 120px;margin:150px 0; --bg:url('https://wj.zp68.com/lxx/yunhua/2026/02/25/66.jpg') no-repeat center/cover; --ma-size: 1%; width: 1600px; height: 870px; }

    .vid { width: 10vw; height: 10vw; border-radius: 50%; mix-blend-mode: screen; box-shadow: 5px 5px 10px white, -5px -5px 10px yellow; }
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v5.js?v=1';
const tz = TZ.TZ('pa');
   
    tz.add('audio', '', '', { src: 'https://wj.zp68.com/lxx/yunhua/2026/02/25/001.mp3' });
    tz.add('video', '', 'pd-vid', { src: 'https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/6257f7d9e32fca15af95a1a49c2ec7cf_preview.mp4' });
    tz.add('video', '', 'vid ma', {
            disablePictureInPicture: 'true',
            src: 'https://wj.zp68.com/lxx/yunhua/2026/02/25/bfq.mp4'
      }).playmp3();
    tz.bgprog().style('bottom: 40px; color: #fefefe; width: 240px;');
    tz.fs().style('right: 20px; top: 20px;');
    tz.autoMid();
</script>

小辣椒 发表于 2026-2-25 21:21

@朵拉
谢谢你的礼物,小辣椒学习黑黑老师的 Hungary - The Atomic Era 的播放器效果,不好意思作业当回礼了

小辣椒 发表于 2026-2-25 21:23

@马黑黑

黑黑这个播放器我昨天问了是电饭煲制作的,结果昨天弄到很迟,歌词没有出来,加了播放器按钮,这个视频小播就没有了,看见里面的js。不一样了,我就直接套用了。

小辣椒 发表于 2026-2-25 21:23

谢谢黑黑源码分享,这个视频小播运用很漂亮{:4_178:}

小辣椒 发表于 2026-2-25 21:24

@马黑黑

黑黑这个播放器我昨天问了是电饭煲制作的,结果昨天弄到很迟,歌词没有出来,加了播放器按钮,这个视频小播就没有了,看见里面的js。不一样了,我就直接套用了。

马黑黑 发表于 2026-2-25 21:28

小辣椒 发表于 2026-2-25 21:24
@马黑黑

黑黑这个播放器我昨天问了是电饭煲制作的,结果昨天弄到很迟,歌词没有出来,加了播放器按钮, ...

今天弄了个评分后正常的版本,实现机制有大改变,你去音画版看看今天的帖子。另外,电饭煲工具也出来了,还没发到论坛:

http://mhh.52qingyin.cn/art/bshow.php?st=5&sd=5&art=mahei_1772025886

小辣椒 发表于 2026-2-25 21:30

马黑黑 发表于 2026-2-25 21:28
今天弄了个评分后正常的版本,实现机制有大改变,你去音画版看看今天的帖子。另外,电饭煲工具也出来了, ...

哦,那我用的前面的电饭煲了,后面有新的太好了{:4_205:}

马黑黑 发表于 2026-2-25 21:31

小辣椒 发表于 2026-2-25 21:30
哦,那我用的前面的电饭煲了,后面有新的太好了

就是代码偏多一点哈,因为机制完全不一样

小辣椒 发表于 2026-2-25 21:32

马黑黑 发表于 2026-2-25 21:28
今天弄了个评分后正常的版本,实现机制有大改变,你去音画版看看今天的帖子。另外,电饭煲工具也出来了, ...

这个不用勾选自剧中了?

马黑黑 发表于 2026-2-25 21:34

小辣椒 发表于 2026-2-25 21:32
这个不用勾选自剧中了?

你没看标题,它就是v5,就是自居中的版本

小辣椒 发表于 2026-2-25 21:36

马黑黑 发表于 2026-2-25 21:28
今天弄了个评分后正常的版本,实现机制有大改变,你去音画版看看今天的帖子。另外,电饭煲工具也出来了, ...

现在是tzMaker v5高能电饭煲{:4_189:}

朵拉 发表于 2026-2-25 21:37

这制作漂亮,这歌曲好听,完美~{:4_204:}

小辣椒 发表于 2026-2-25 21:38

马黑黑 发表于 2026-2-25 21:34
你没看标题,它就是v5,就是自居中的版本

好的,以后就认定这个做了

朵拉 发表于 2026-2-25 21:38

谢谢小辣椒管理的礼物,祝您马年吉祥,万事顺意{:4_204:}

马黑黑 发表于 2026-2-25 21:39

小辣椒 发表于 2026-2-25 21:36
现在是tzMaker v5高能电饭煲
所谓高能,针对评分刷新机制,它以较高的代码量换取评分后帖子的正常状态。

马黑黑 发表于 2026-2-25 21:40

小辣椒 发表于 2026-2-25 21:38
好的,以后就认定这个做了

先用用吧,至少它在论坛的表现不错

小辣椒 发表于 2026-2-25 21:40

朵拉 发表于 2026-2-25 21:38
谢谢小辣椒管理的礼物,祝您马年吉祥,万事顺意

朵拉,不客气,其实电饭煲制作很快的,只是我用错了,以后就认定最新版的了,我以前收藏的已经更新了

红影 发表于 2026-2-25 21:48

好美的制作,欣赏亲爱的好帖,朵拉收礼开心{:4_187:}

小辣椒 发表于 2026-2-25 21:54

马黑黑 发表于 2026-2-25 21:40
先用用吧,至少它在论坛的表现不错

好的,后面就用新的高能电饭煲{:4_173:}

小辣椒 发表于 2026-2-25 21:56

红影 发表于 2026-2-25 21:48
好美的制作,欣赏亲爱的好帖,朵拉收礼开心

亲爱的,歌词没有加进去,测试了几次没有成功就放弃了,看见里面js不一样所以直接套用了
页: [1] 2
查看完整版本: 虞兮叹 帖赠:朵拉 (套用学习黑黑Hungary - The Atomic Era播放器效果)