小辣椒 发表于 2026-2-19 22:47

北京又下雪了 帖赠：黑黑 （套用学习做一个生命流播放器效果）

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v5.css';
    .pa { --bg: url('https://i.uik.cc/view.php/7210fcf889009e483961b3fac512a1ac.jpg') no-repeat center/cover; }
    .vid { width: 150px; height: 150px; mix-blend-mode: screen; border-radius: 50%; bottom: 60px; filter: drop-shadow(-2px -2px 16px Linen); cursor: pointer; }

   .myvid1 { position: absolute;width: 100%;height: 100%;opacity: .95;
}
</style>

<div class="pa"></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', '', 'myvid', {src: 'https://wj.zp68.com/lxx/yunhua/2026/01/01/01.mp3'});
    tz.add('video', '', 'myvid1', {src: 'https://video-qn.51miz.com/preview/video/00/00/64/07/V-640739-E07CE2A9.mp4'});
    tz.add('video', '', 'vid', {
            src: 'https://wj.zp68.com/lxx/yunhua/2026/01/01/ann.mp4',
            disablePictureInPicture: true
    }).playmp3();
   tz.bgprog().style('bottom: 40px;height: 5px; color: #fefefe; width: 240px;');
var gc = `歌曲：北京又下雪了
作词：谭志华
作曲：谭志华            
东三环的尾灯
连成一片红色的河
收音机里的老歌
唱着谁的悲欢离合
我摇下车窗 点了一支
很久没抽的烟
看着灰色的天 像极了
那个回不去的从前
今年冬天的雪
下得比往年都要急
掩盖了国贸的楼顶
也掩盖了我的焦虑
手机在震动 是那个
催了很久的客户
还是家里那盏哪怕晚归
也会留着的灯
以前看雪 觉得是风景
现在看雪 算的是行程
怕路滑 怕堵车
怕明早送孩子迟到
怕这一年的收成 赶不上
鬓角白发的速度
北京又下雪了
落在中年人的肩头
它不问你累不累
只问你能不能承受
这满城的白盖住了
多少无法言说的愁
我们就这样 走着走着
到了白头
北京又下雪了
冻醒了谁的旧梦
那些吹过的牛喝过的酒
如今都已随风
这冰冷的夜只有心还是热的
推开家门
抖落风雪 又是平凡的英雄
后海的酒吧又换了一批歌手
唱着理想和远方
就像当年的你和我
其实我们没变只是学会了
更加沉默 把委屈嚼碎了
咽进肚子笑着说是生活
LRC编辑：小辣椒
其实挺好的真的下雪了
脏东西都盖住了
明天太阳出来
日子还得照样过
走吧回家
北京又下雪了落在中年人的肩
它不问你累不累
只问你能不能承受
这满城的白盖住了
多少无法言说的愁
我们就这样
走着走着 到了白头
雪停了 路还要走 结束
`;
   tz.lrc(tz.lrc2HC(gc), '', false).style('top: 12%; font:normal 2.0em 隶书;color: Honeydew; --c1: #0f6a67; --c2: white; --border: 0');
    tz.fs().style('left: 20px; top: 20px;');
    tz.autoMid();
</script>






小辣椒 发表于 2026-2-19 22:48

@马黑黑

黑黑~今天年初三了，首先给黑黑拜年了~~~新年快乐！

小辣椒 发表于 2026-2-19 22:51

套用玩一个视频按钮，这个背景又是老办法同一个视频做背景图，只是发现你的视频是用的熊猫，我一只角的雪看不见了，但感觉这样也是不错，隐隐约约的下雪效果也是好的，播放器按钮用的是岁月的视频我截了一点。

小辣椒 发表于 2026-2-19 22:53

今天又来不及回帖了，超出10点了，我得下了，明天见

马黑黑 发表于 2026-2-20 00:03

小辣椒 发表于 2026-2-19 22:48
@马黑黑

黑黑~今天年初三了，首先给黑黑拜年了~~~新年快乐！

非常感谢

马黑黑 发表于 2026-2-20 00:06

小辣椒 发表于 2026-2-19 22:51
套用玩一个视频按钮，这个背景又是老办法同一个视频做背景图，只是发现你的视频是用的熊猫，我一只角的雪看 ...

你可以自定义CSS规范视频并用于 tz 指令中：

css代码：

.myvid { ... }

JS指令代码：

tz.add('video', '', 'myvid', {src: '地址'});

梦江南 发表于 2026-2-20 11:57

小辣椒初四快乐！看到你的这帖音画，我有信心了。也去试试黑黑老师的生命流播放器效果。{:4_187:}

红影 发表于 2026-2-20 15:03

这首歌很好听。制作也漂亮。欣赏亲爱的好帖，黑黑收礼开心{:4_187:}

小辣椒 发表于 2026-2-20 17:11

马黑黑 发表于 2026-2-20 00:06
你可以自定义CSS规范视频并用于 tz 指令中：

css代码：


黑黑我用了tz.add('video', '', 'myvid', {src: '地址'});
出来发现视频小于背景图片了，电饭煲自己上去重新做一次，还是没有成功，我现在直接加了视频的定位代码，就这样了，感觉效果出来了就算了。{:4_189:}

小辣椒 发表于 2026-2-20 17:13

梦江南 发表于 2026-2-20 11:57
小辣椒初四快乐！看到你的这帖音画，我有信心了。也去试试黑黑老师的生命流播放器效果。

阿姨好，年初四了，时间过真快啊，都没有怎么玩，一下子长假快完了{:4_198:}

小辣椒 发表于 2026-2-20 17:15

红影 发表于 2026-2-20 15:03
这首歌很好听。制作也漂亮。欣赏亲爱的好帖，黑黑收礼开心

亲爱的，新年快乐！长假马上完了，还没有好好休息的，一晃完了{:4_172:}

梦江南 发表于 2026-2-20 18:04

小辣椒 发表于 2026-2-20 17:13
阿姨好，年初四了，时间过真快啊，都没有怎么玩，一下子长假快完了

是啊，时间就是这样快呢，再放十天也不长呢。{:4_204:}

马黑黑 发表于 2026-2-20 18:46

小辣椒 发表于 2026-2-20 17:11
黑黑我用了tz.add('video', '', 'myvid', {src: '地址'});
出来发现视频小于背景图片了，电饭煲自己上去 ...

你可以参考一下 tzMaker 配套CSS源码，里面的 .vid {} 就是比较完整的设置 video 标签的外观的，可根据需要进行取舍

红影 发表于 2026-2-20 22:32

小辣椒 发表于 2026-2-20 17:15
亲爱的，新年快乐！长假马上完了，还没有好好休息的，一晃完了

是啊，放假的时间是过得最快的{:4_173:}

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

马黑黑 发表于 2026-2-20 18:46
你可以参考一下 tzMaker 配套CSS源码，里面的 .vid {} 就是比较完整的设置 video 标签的外观的，可根据需 ...

我在电饭煲里面就是把你的数据进去的，还是不行，可能那里出了错误，后来想直接加定位代码简单一点，哈哈，偷懒还是我习惯{:4_170:}

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

红影 发表于 2026-2-20 22:32
是啊，放假的时间是过得最快的

一眨眼就长假结束了{:4_198:}

马黑黑 发表于 2026-2-21 23:06

小辣椒 发表于 2026-2-21 21:46
我在电饭煲里面就是把你的数据进去的，还是不行，可能那里出了错误，后来想直接加定位代码简单一点，哈哈 ...

生成代码后需要修改源码，才能做到随心所悟

红影 发表于 2026-2-22 20:58

小辣椒 发表于 2026-2-21 21:47
一眨眼就长假结束了

是啊，假期太快了。
页: [1]
查看完整版本: 北京又下雪了 帖赠：黑黑 （套用学习做一个生命流播放器效果）