【黑师代码】化作千风守护你（学习黑师20241203《孤鸟的歌》脚链小播效果）
<style>@import 'https://638183.freep.cn/638183/web/mod/anklet_lrc.css?v=1.0';
#pa { margin: 130px 0 30px calc(50% - 931px); width:1700px; height: 900px; background: url('https://642303.freep.cn/642303/tu/20241221qianfeng.webp') no-repeat center/cover; overflow: hidden;}
#mplayer { width: 180px; height:180px; left: 25%; bottom: 35%; --size: 160px; color: SaddleBrown;
--bRad: 50% 100%;
--prg: 0%;
--color1: efe2c6;
--color2: #d8c090;
--prog: SaddleBrown;
--track: tan;
--btnBg: url('https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png') center/cover;
--size: 60px;
opacity: .90;}
#lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(Wheat,SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86; }
.vid { position: absolute; width: 100%; height: 120%;top:-90px; object-fit: cover;mix-blend-mode: screen;opacity: .46;}
</style>
<div id="pa" class="pa">
<audio src="https://music.163.com/song/media/outer/url?id=2093766669"></audio>
<video class="vid" src="https://img.tukuppt.com/video_show/2418175/00/02/22/5b52e01dad564.mp4" autoplay loop muted></video>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
</div>
<script type="module">
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/anklet_lrc.js';
var geci = [
,
,
,
,
,
,
];
hcplay(pa, geci);
fscreen.fs(pa);
</script> @马黑黑 白老师来瞧瞧，这个跟的脚链小播作业。。
只是做这贴的时候，
除了网站有问题，
我听网易云音乐有大问题，
同时还有歌词同步也整不成，就把歌词换成这个吟唱版了。。
明天快乐~~ 挺美的意境与主题。点10千个赞 这个小播用得太巧妙了，和字体设计相得益彰，彼此呼应。
飞飞的心思真巧{:4_199:} 这样半透的色彩太美了，小播按钮也正好呼应字体。
整体画面很有韵味，漫漫漂浮的粒子和歌曲名也十分相配。太赞了{:4_187:} 花飞飞 发表于 2024-12-24 21:56
@马黑黑 白老师来瞧瞧，这个跟的脚链小播作业。。
只是做这贴的时候，
除了网站有问题，
感觉吟唱的更好听呢，这算不算因错得福了{:4_173:} 飞飞太厉害了，这个图图太美了{:4_177:} 非常大气的制作，小辣椒欣赏加学习！ 精彩制作{:4_199:}{:4_187:} 最美的音画跟超强的代码强强联手出来的作品！ 欣赏老师的大图音画！ 梦江南 发表于 2024-12-25 11:45
欣赏老师的大图音画！
感谢梦江南的支持哦。{:4_173:}这个么好象也不算大图，就是正常的音画尺寸 樵歌 发表于 2024-12-25 10:09
最美的音画跟超强的代码强强联手出来的作品！
感谢樵管支持，问好哦，好久不见{:4_190:} 小九 发表于 2024-12-25 09:32
精彩制作
小九来了，看到你的回复真是开心。。{:4_204:} 小辣椒 发表于 2024-12-24 23:18
非常大气的制作，小辣椒欣赏加学习！
小辣椒的支持一向给力，看你的回复真是开心{:4_170:} 小辣椒 发表于 2024-12-24 23:18
飞飞太厉害了，这个图图太美了
哈哈，被你说得都乐了。。算是学图有点进步吧，开心ING ..{:4_204:} 红影 发表于 2024-12-24 22:11
感觉吟唱的更好听呢，这算不算因错得福了
影子你说得太对了。。无歌词好象更适合这个画面{:4_187:}问好影子，节日快乐 红影 发表于 2024-12-24 22:10
这样半透的色彩太美了，小播按钮也正好呼应字体。
整体画面很有韵味，漫漫漂浮的粒子和歌曲名也十分相配。 ...
感谢影子支持鼓励，点评很用心，也很恰当{:4_187:} 红影 发表于 2024-12-24 22:08
这个小播用得太巧妙了，和字体设计相得益彰，彼此呼应。
飞飞的心思真巧
带歌词的颜色随机，就根据图色进行了调整，感谢影子肯定哦。。{:4_190:}问好。。 马黑黑 发表于 2024-12-24 21:59
挺美的意境与主题。点10千个赞
{:4_181:}
白老师说美那就放心了。。
这么多赞啊，都是给我的，全部打包收走。