我是人间惆怅客 歌声：欧豪 帖赠冬雨
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
.pa { margin: 140px 0 40px calc(50% - 460px); width: 1440px; height: 840px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2025/11/13/17.jpg') no-repeat center/cover; }
.lrc {top: 40px; left: 35px; color: #a6b5ca; writing-mode: vertical-lr; --c1: #5189d1; --c2: #a6b5ca; --rect: 0 0 100% 0; --border: 0 1px 0 0; }
.pd-vid{ width: 100%; height: 100%; top:0%;mix-blend-mode: soft-light; -webkit-mask: radial-gradient(circle, Navy, Navy,rgba(0,0,0,.85),transparent,transparent);opacity: .25;}
.ma { display: grid; place-items: center; left: 44.5%;top:75%; }
.lz { position: absolute; width: 2px; height: 25%; display: grid; place-items: center; }
.lz::before, .lz::after { position: absolute; content: ''; top: -10px; width: 10px; height: 10px; background: linear-gradient(red, var(--cc)); border-radius: 50%; animation: flash .2s infinite alternate var(--state); animation-delay: inherit; }
.lz::after { top: 100%; }
@keyframes flash { to { filter: hue-rotate(var(--deg)); } }
</style>
<div id="pa" class="pa"></div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v3.js';
const tz = TZ.TZ('pa');
let gc = [['0.00', '我是人间惆怅客 - 欧豪',6.93],
['7.30', '词：芜筝',3.11],
['10.57', '曲：空想之喵',3.56],
['14.32', '编曲：李奕楠/李建衡',5.22],
['19.82', '制作人：李建衡@乐人无数',3.32],
['23.32', '出品人：杨薇/张鹏闻 ',6.46],
['30.12', '我是漂泊的孩子',3.19],
['33.48', '生来就无家可归',4.09],
['37.79', '八万四千法门',2.63],
['40.56', '没有一扇为我开启',4.27],
['45.06', '我是远方的孩子',2.70],
['47.90', '风是唯一的知己',4.55],
['52.69', '走过千山万水',2.79],
['55.63', '却没能走出我自己',3.81],
['59.64', '你不明白',3.25],
['63.06', '我为何倚门独立',3.74],
['67.00', '因为我在人间',3.75],
['70.95', '无靠无依',3.27],
['74.39', '你不明白',3.41],
['77.98', '我为何逆风哭泣',3.84],
['82.02', '因为我在人间',3.63],
['85.84', '无靠无依',4.07],
['90.12', '歌词同步编辑：小辣椒',14.31],
['105.18', '我是迷途的星子',3.28],
['108.63', '只知道燃烧自己',3.78],
['112.61', '银河浩瀚如经文',2.74],
['115.49', '没有一句渡我皈依',4.23],
['119.94', '我是断线的风筝',2.84],
['122.93', '飘摇在冷雨黄昏',4.21],
['127.36', '三千世界如长绳',3.00],
['130.52', '没有一根系我浮生',3.88],
['134.60', '你不明白',3.32],
['138.10', '我为何倚门独立',3.72],
['142.02', '因为我在人间',3.65],
['145.86', '无靠无依',3.43],
['149.47', '你不明白',3.40],
['153.05', '我为何逆风哭泣',3.60],
['156.84', '因为我在人间',3.70],
['160.73', '无靠无依',7.32],
['168.43', '因为我在人间',3.28],
['171.88', '无靠无依',3.64],
['175.71', '因为我在人间',7.17],
['183.26', '无靠无依',3.66],
['187.11', '谢谢欣赏',9.22],
['208.52', '',4.5]
];
tz.add('audio', '', '', { src: 'https://wj.zp68.com/lxx/yunhua/2025/11/13/01.mp3' });
tz.add('video', '', 'pd-vid', { src: 'https://img.tukuppt.com/video_show/2269348/00/16/29/5e9d0ecb65993.mp4' });
tz.lrc(gc);
tz.add('div', 'lzpa', 'ma').playmp3();
tz.lzRot(6, 'lzpa', { className: 'lz', cc: true, deg: true, angle: 180, delay: -1 });
tz.bgprog().style('width: 250px; height:6px; left: 42%; bottom: 40px; color: #f2eded');
tz.fs().style('top: 20px');
</script> @冬天的雨
冬雨一直在忙，辛苦的，有时间可以套用玩一个，当然没有时间也是没关系，有空就玩玩{:4_170:} @马黑黑
黑黑学习做一个【醉红颜】的播放器效果，这次修改按自己的感觉直接做了进度条和小播的结合，就是做图图花时间，图图不够漂亮
现在的代码玩起来确实方便多了
小辣椒 发表于 2025-11-13 21:13
@马黑黑
黑黑学习做一个【醉红颜】的播放器效果，这次修改按自己的感觉直接做了进度条和小播的结合，就 ...
你还不能用眼过度，作图这一块可以考虑暂停，仅需找到的图片就行。代码层面，你有基础，而 tzMaker 的指令并不多，做一般帖子所有的指令无法就这么几个，难不住你，关键是领会指令的构成、用法、配套技巧，这些都不是大难的事情 从帖子效果看，你对tzMaker指令的运作基本掌握，再熟练一点就更理想了 图图 音乐 播放器，完美{:4_204:} 亲爱的把小播变小了，星星点点的，真好看。{:4_199:} 这歌曲还是头一次听呢，好听。
欣赏亲爱的好帖{:4_187:} 这背景图和歌曲融合得天衣无缝，还有漂亮的小播放，点亮了整个画面。小辣椒就是棒！{:4_187:} 音画唯美
背景歌曲太棒了！我听的都醉了！
制作大气，好棒哦，小辣椒辛苦了！
太棒啦~谢谢小辣椒带来的精彩～！
玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
音画合一，让人陶醉 野百荷★╰☆╮水仙花╰☆╮紫丁香╰☆╮【*偶然 献花给你啦】 冬雨收礼快乐
页:
[1]