挥不去的愁绪 （学习套用黑黑弦子 - 颓废播放器修改）
<style>
@import 'https://638183.freep.cn/638183/web/tz/tz.min.css';
.pa {--offsetX: 81px; --bg: url('https://wj.zp68.com/lxx/yunhua/2025/11/01/8.jpg') no-repeat center/cover; --ma-size: 80px; }
.lrc {bottom: 10%;left: 30%; color: white; --c1: SpringGreen; --c2: Yellow;font:normal 2.0em Microsoft YaHei; --border: 0 0px 0 0; }
.pd-vid{ width: 110%; height: 100%; top:5%;mix-blend-mode: soft-light; -webkit-mask: radial-gradient(circle, Navy, Navy,rgba(0,0,0,.85),transparent,transparent);opacity: .99;}
</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');
let gc = [['0.00', '挥不去的愁绪',9.29],
['9.78', '艺人：李茂山',3.84],
['13.82', '发行日期：1987',5.71],
['19.83', '类别：录音室专集',4.49],
['24.56', '发行：瑞华唱片',4.47],
['29.26', '为何要在分手以后',5.54],
['35.09', '为何总在深夜时刻',5.32],
['40.69', '挥不去的愁绪',2.65],
['43.48', '再一次提醒我',2.76],
['46.38', '埋藏在心中的伤口',5.37],
['52.03', '总是无法躲避独自面对冷清的夜里入梦',8.09],
['60.55', '总是要在分手以后面对无数的挫折',5.55],
['66.39', '才知道',1.27],
['67.73', '才知道',1.39],
['69.19', '才知道我曾经深深爱过',5.83],
['75.33', '而我还依然那么执著',5.22],
['80.82', '不愿轻易回头宁愿承受失落',5.10],
['86.19', '寂寞',5.93],
['92.43', 'music',19.46],
['112.91', '为何要在分手以后',5.37],
['118.56', '为何总在深夜时刻',5.28],
['124.12', '挥不去的愁绪',2.73],
['126.99', '再一次提醒我',2.74],
['129.87', '埋藏在心中的伤口',5.45],
['135.61', '总是无法躲避独自面对冷清的夜里入梦',8.04],
['144.07', '总是要在分手以后面对无数的挫折',5.53],
['149.89', '才知道',1.27],
['151.23', '才知道',1.41],
['152.71', '才知道我曾经深深爱过',5.73],
['158.74', '而我还依然那么执著',5.25],
['164.27', '不愿轻易回头宁愿承受失落',5.11],
['169.65', '寂寞',4.86],
['174.77', 'music',20.30],
['196.14', '总是无法躲避独自面对冷清的夜里入梦',8.08],
['204.65', '总是要在分手以后面对无数的挫折',5.64],
['210.59', '才知道',1.18],
['211.83', '才知道',1.33],
['213.23', '才知道我曾经深深爱过',5.81],
['219.35', '而我还依然那么执著',5.10],
['224.72', '不愿轻易回头宁愿承受失落',5.06],
['230.05', '寂寞',5.50],
['235.84', '谢谢欣赏',16.80],
['253.52', '',4.5]];
tz.add('audio', '', '', { src: 'https://wj.zp68.com/lxx/yunhua/2025/11/01/cjag.mp3' });
tz.add('video', '', 'pd-vid', { src: 'https://wj.zp68.com/lxx/yunhua/2025/11/01/002.mp4' });
tz.add('img', 'player', 'ma', {
src: 'https://wj.zp68.com/lxx/yunhua/2025/11/01/ann2.png',
style: 'width: 48px; height: 48px;bottom: 17%; left: 83.2%; border-radius: 50%'
}).playmp3();
tz.lrc(gc);
tz.bgprog().style('width: 140px; height: 6px;color: LimeGreen; bottom: 14%; left: 85%;');
tz.fs().style('top: -120px; right: 20px');
</script> @马黑黑
黑黑，这个岁月的视频加进去我遮罩如果调大，视频频谱就小，调小，视频歌词就会在播放器进度条上显示出来，没有办法只能上去一点，改小一点了。现在感觉位置没有很满意，只能这样了
挥不去的愁绪（同玩岁月频谱）
https://www.huachaowang.com/forum.php?mod=viewthread&tid=87532&fromuid=4275
(出处: 花潮论坛)
这个是动图制作，今天这个作业是黑黑代码播放器制作，不想做图就直接用了上次的图{:4_205:} 把上次的动图弄个小环当小播了，真漂亮。
欣赏亲爱的好帖{:4_199:} 小辣椒 发表于 2025-11-7 21:38
@马黑黑
黑黑，这个岁月的视频加进去我遮罩如果调大，视频频谱就小，调小，视频歌词就会在播放器进度条 ...
没有logo的视频就不用遮罩，即，你不能使用 pd-vid 或 qk-vid，你自己设置一个class，让它百分百铺满帖子容器即可。 这图图真漂亮!歌曲的音效特别棒，静静地听，享受哦！{:4_187:} 把自己的无损音乐加上黑黑大师的代码加持，就速度捣鼓出好帖子来了 红影 发表于 2025-11-7 22:54
把上次的动图弄个小环当小播了，真漂亮。
欣赏亲爱的好帖
亲爱的，这个动图修改结果也是没的轻松，也是要把频谱去了，花了一点时间，不过比做图应该快一点 马黑黑 发表于 2025-11-7 23:27
没有logo的视频就不用遮罩，即，你不能使用 pd-vid 或 qk-vid，你自己设置一个class，让它百分百铺满帖子 ...
https://wj.zp68.com/lxx/yunhua/2025/11/01/002.mp4
歌词出来太多了 梦江南 发表于 2025-11-8 07:05
这图图真漂亮!歌曲的音效特别棒，静静地听，享受哦！
阿姨晚上好，谢谢欣赏{:4_187:} 樵歌 发表于 2025-11-8 08:02
把自己的无损音乐加上黑黑大师的代码加持，就速度捣鼓出好帖子来了
樵哥哥其实这个整个帖我还是加岁月的频谱效果花的时间长，因为前面黑黑的滤镜和遮罩这些效果我都没有好好看的，做了碰到就只能去看看了
你看看整个频谱上面歌词太多了，我得去掉
小辣椒 发表于 2025-11-8 21:52
樵哥哥其实这个整个帖我还是加岁月的频谱效果花的时间长，因为前面黑黑的滤镜和遮罩这些效果我都没有好好 ...
我只觉得这音质太好听了，醉人啦{:4_178:} 小辣椒 发表于 2025-11-8 21:48
歌词出来太多了
酱紫呀 樵歌 发表于 2025-11-9 11:54
我只觉得这音质太好听了，醉人啦
岁月的音乐是无损转换的，其实我也是用的128KB的音乐，比你发的低多了，主要是原生音乐是高音质 马黑黑 发表于 2025-11-9 12:37
酱紫呀
想用这个频谱，哈哈{:4_189:} 欣赏精彩制作，点赞！
小辣椒 发表于 2025-11-9 17:56
想用这个频谱，哈哈
一切可以定制
小辣椒 发表于 2025-11-9 17:55
岁月的音乐是无损转换的，其实我也是用的128KB的音乐，比你发的低多了，主要是原生音乐是高音质
那怎么你们发的我感到音质比的好{:4_203:} 老谟深虑 发表于 2025-11-9 18:24
欣赏精彩制作，点赞！
问好老谟，谢谢欣赏{:4_187:} 马黑黑 发表于 2025-11-9 19:14
一切可以定制
就是不够熟练，做东西现在都是感觉慢
页:
[1]
2