我为岁月斟满一杯酒-影子（学习黑黑《曲终凉》示波图进度条效果）
<style>#mama {
margin: 80px 0 30px calc(50% - 721px);
width: 1280px;
height: 720px;
border-radius:20px;
background: url('https://pic.imgdb.cn/item/66c992bad9c307b7e90820c8.jpg') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
position: relative;
}
#mama > video {
position: absolute;
width: 520px;
height: 520px;
object-fit: cover;
mix-blend-mode: screen;
left: -20px;
top: -100px;
pointer-events: none;
}
.tubiao {
position: absolute;
left: 10px;
top: 25px;
mix-blend-mode: screen;
cursor: pointer;
animation: move 1.4s infinite alternate var(--state);
}
@keyframes move { from { opacity: 1; transform: rotate(-5deg); } to { opacity: 0.5; transform: rotate(5deg); } }
</style>
<div id="mama" class="mama">
<audio src="https://file.uhsea.com/2408/82d1f5d5f0a429963d9856c166c3e118EL.mp3" autoplay loop></audio>
<video src="https://lk999.oss-cn-guangzhou.aliyuncs.com/Music.mp4" autoplay loop muted></video>
<img class="tubiao" src="https://pic.imgdb.cn/item/66c99980d9c307b7e915c959.png" width="110" height="100" alt="" />
</div>
<script>
var geci = `我为岁月斟满一杯酒-影子
词：徐晓岚 曲：李勇军
编曲：姜凯升
和声：雪无影
学习黑黑《曲终凉》示波图效果
感谢黑黑的代码
这首歌曲歌名和演唱者都很巧
就送给岁月了
心中装满了生活的忧愁
手中捧着一壶浓烈的酒
人生不过几十个春秋
可脚下的路来去不自由
转眼之间已经白了头
要想的改变也成了奢求
香烟一灭该愁的还是愁
如果情淡了要走该怎么留
我为岁月斟满一杯酒
岁月赐我心酸和泪流
现实中难有一生无忧
命运捉弄谁又能左右
我为岁月斟满一杯酒
岁月赐给我一身的伤口
杯中装满了痛苦和忧愁
酒醒之后继续往前走
哦继续往前走
转眼之间已经白了头
要想的改变也成了奢求
香烟一灭该愁的还是愁
如果情淡了要走该怎么留
我为岁月斟满一杯酒
岁月赐我心酸和泪流
现实中难有一生无忧
命运捉弄谁又能左右
我为岁月斟满一杯酒
岁月赐给我一身的伤口
杯中装满了痛苦和忧愁
酒醒之后继续往前走
哦继续往前走
`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/osc_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0.2,
average: 0.5,
player_css: 'bottom: 10px; left: 50%; transform: translate(-50%); --ww: 300px; --track: #ccc; --prog: #eb7a24;',
lrc_css: 'left: 50%; transform: translateX(-50%); top: 24px; --bg: linear-gradient( #fff, #eb7a24, #eee); color: #ccc;',
fs_css: 'left: 20px; bottom: 220px; --bg: transparent; --color: #ccc;',
});
};
</script> 学个黑黑的示波图效果，感谢黑黑的代码@马黑黑 {:4_187:} 这首歌曲特别好玩，演唱者叫影子，歌名又叫《我为岁月斟满一杯酒》，索性就当做是影子给岁月斟酒吧{:4_173:}
送岁月的就用了岁月的视频，@走过岁月 干杯{:4_191:} 在一个帖子的回复里看到难难的话，可以去爱听音乐网https://www.2t58.com 找歌，这首歌就是从那里找到。
也谢谢难难@起个网名好难 {:4_187:} 杀了个花！ 制作精良，视觉盛宴！ 本帖最后由 岁月·如歌 于 2024-8-24 17:48 编辑
红影 发表于 2024-8-24 17:29
在一个帖子的回复里看到难难的话，可以去爱听音乐网https://www.2t58.com 找歌，这首歌就是从那里找到。
...
https://file.uhsea.com/2408/82d1f5d5f0a429963d9856c166c3e118EL.m？p3
还真在那儿找的，网址收藏了。那啥，需要谢谢影子请说话。{:4_189:} 红影 发表于 2024-8-24 17:29
在一个帖子的回复里看到难难的话，可以去爱听音乐网https://www.2t58.com 找歌，这首歌就是从那里找到。
...
那里歌很多但要下载再上传有点麻烦。 起个网名好难 发表于 2024-8-24 17:46
那里歌很多但要下载再上传有点麻烦。
不给外链吗？ 岁月·如歌 发表于 2024-8-24 17:51
不给外链吗？
只有短时间的下载链接 起个网名好难 发表于 2024-8-24 17:52
只有短时间的下载链接
那就不好玩了{:4_172:} https://5b0988e595225.cdn.sohucs.com/images/20190627/2fcecd89550b4c1cb36ee7bff90ab110.gif 岁月·如歌 发表于 2024-8-24 17:55
那就不好玩了
这首歌在酷我上有但酷我不放外链了，再说能外链的网盘还是好找的， 漂酿，好听 红影 发表于 2024-8-24 17:19
学个黑黑的示波图效果，感谢黑黑的代码@马黑黑
影子做了影子的歌。{:5_116:} 岁月·如歌 发表于 2024-8-24 17:45
https://file.uhsea.com/2408/82d1f5d5f0a429963d9856c166c3e118EL.m？p3
还真在那儿找的，网址收藏了 ...
我也是难难提到才知道的，闲着没事跑去看，看到了这首歌，不用谢我啊{:4_173:} 起个网名好难 发表于 2024-8-24 17:46
那里歌很多但要下载再上传有点麻烦。
能找找歌也挺好呢，谢谢难难{:4_187:} 岁月·如歌 发表于 2024-8-24 17:45
https://file.uhsea.com/2408/82d1f5d5f0a429963d9856c166c3e118EL.m？p3
还真在那儿找的，网址收藏了 ...
你也是岁月呢，一起喝一杯{:4_191:}