【黑师代码】风吹过缄默失衡的角落（学习黑师20240909《等》任意小播原生歌词）
<style>
#mama { margin: 130px 0 30px calc(50% - 931px); width: 1700px; height: 900px; background:url('https://642303.freep.cn/642303/tu/20240923qingyi03.webp') no-repeat center/cover; box-shadow: 0 0 8px rgba(0,0,0,.65); overflow: hidden; z-index: 1; position: relative; }
#mama > video { position: absolute;
width: 100%;
height: 100%;
opacity: .63;
object-fit: cover;
mix-blend-mode: soft-light;
-webkit-mask: linear-gradient(totop, red 30%, transparent 55%, transparent);
pointer-events: none;
}
.player { position: absolute;left:34.5%; top:50.5%; width: 50px; height: 50px; mix-blend-mode: darken;animation: rot 8s linear infinite var(--state); cursor: pointer; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=25638340" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2414777/00/02/13/5b514e39921d5.mp4" autoplay loop muted></video>
<img class="player" src="https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png" alt="" />
</div>
<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/yslrc_133703119608822812.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
btnplay: '.player',
lrc_css: 'left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86;',
fs_css: 'left: 5%; bottom: 20px; transform: translateX(-50%); --bg: transparent; --color: #eee',
});
};
var geci = `
《此生不换》
作词 : 杨漩予
作曲 : 闻震
编曲 : 翟松
制作人 : 许经纶
歌手 : 青鸟飞鱼
时光穿不断 流转在从前
刻骨的变迁
不是遥远
再有一万年
深情也不变
爱像烈火般蔓延
记忆是条长线 盘旋在天边
沉浮中以为
情深缘浅
你再度出现
我看见誓言
承诺在水天之间
回头看
不曾走远
依依目光此生不换
要分散 不习惯
怎么算 都太难
分开之后更勇敢
愿这爱 世代相传
喝不完忘情水
不让你如烟
前尘再怀恋
望剑如面
挥舞的瞬间
别再闭上眼
错过惊世的依恋
回头看
不曾走远
眷恋一人流连忘返
多少汗 够温暖
你哭喊 我呼唤
听清耳边的呢喃
别害怕
风轻云淡
回头看
不曾走远
依依目光此生不换
要分散 不习惯
怎么算 都太难
分开之后更勇敢
愿这爱 世代相传
2024-9-24
`;
</script> @马黑黑白老师来瞧瞧又一个作业。。这个效果好象还没跟过，今天整了个图，歌曲歌词也是抄老师的没去找。。 好酷 飞飞的音画制作也很赞呢，这字体设计和背景如此贴切。视频配得也漂亮。
整体制作效果特别出彩，给飞飞点赞{:4_199:} 任意小播可以自由发挥，飞飞发挥得很好呢，那小播无论颜色还是花形都天生地设的一般{:4_199:} 红影 发表于 2024-9-24 21:34
任意小播可以自由发挥，飞飞发挥得很好呢，那小播无论颜色还是花形都天生地设的一般
{:4_187:}感谢影子肯定，这个就是找了个跟背景相似的图片~~感觉色彩比较协调 红影 发表于 2024-9-24 21:32
飞飞的音画制作也很赞呢，这字体设计和背景如此贴切。视频配得也漂亮。
整体制作效果特别出彩，给飞飞点赞 ...
制图正在学习中，影子的鼓励和支持十分给力。。{:4_187:} 马黑黑 发表于 2024-9-24 21:00
好酷
短发的缘故吧 醉美水芙蓉 发表于 2024-9-24 20:57
花花这图太帅了！
水妞来了，有你支持真是开心{:4_187:} 花飞飞 发表于 2024-9-25 20:22
短发的缘故吧
我是说帖子酷 马黑黑 发表于 2024-9-25 20:31
我是说帖子酷
{:4_170:}那就是色彩调得对头了 花飞飞 发表于 2024-9-25 20:37
那就是色彩调得对头了
是的 马黑黑 发表于 2024-9-25 20:38
是的
我回去再看几眼。。还是咖色好看。 花飞飞 发表于 2024-9-25 20:42
我回去再看几眼。。还是咖色好看。
其实都可以 马黑黑 发表于 2024-9-25 20:44
其实都可以
其实最终出来有三四个版本，看这个最顺眼。{:4_173:}没有比较的时候看别的也顺眼 花飞飞 发表于 2024-9-25 20:20
感谢影子肯定，这个就是找了个跟背景相似的图片~~感觉色彩比较协调
飞飞很细致，这个太协调了啊{:4_199:} 花飞飞 发表于 2024-9-25 20:21
制图正在学习中，影子的鼓励和支持十分给力。。
学得很赞了，字体选取的位置，设计方式已经和背景的统一感，都很好呢{:4_187:} 花飞飞 发表于 2024-9-25 20:56
其实最终出来有三四个版本，看这个最顺眼。没有比较的时候看别的也顺眼
偏科了 欣赏佳作
页:
[1]
2