【黑师代码】清平小调（学习黑师《风云榜》示波状频谱播放效果）
<style>#papa { margin: 130px 0 0 calc(50% - 931px);width: 1700px; height: 900px; background: url('https://pic.imgdb.cn/item/654a4870c458853aefa0d6bb.webp') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }#papa::before, #papa::after {
position: absolute;
content: url('');
top: 0;
left: 0;
mix-blend-mode: screen;
}
#vid {
position: absolute;
width: 140%;
height: 120%;
top:-60px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .16;
}
#papa::after { left: 170px; transform: rotateY(-180deg); }
#papa > img {
position: absolute;
bottom: 0;
left: 0;
mix-blend-mode: screen;
}
#papa > img:nth-of-type(2) { left: 170px; transform: rotateY(-180deg); }</style><div id="papa"><img alt="" src="" /><img alt="" src="" /><video id="vid" src="https://img.tukuppt.com/video_show/2418175/01/04/62/614ade273f6d1.mp4" autoplay="" loop="" muted=""></video></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=1815692645" autoplay="" loop=""></audio><script>(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/oscpp_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
,
];
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: 'bottom: 20px;',
fs_css: 'left: 50px; bottom:50px; background: transparent;',
player_css: `
bottom: 50px;
--discBg: radial-gradient(red,transparent), conic-gradient(red, magenta, blue, aqua, lime, yellow, red);
--discSize: 30px;
--hh: 120px;
`,
pinpu: {num: 160, size: 2, gap: 0, color1: 'DarkSeaGreen', color2: 'snow'},
});
};
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);</script>
<Br><Br><Br><Br><Br><Br>
@马黑黑辛苦老师来改个作业{:4_187:} 月儿的制图真漂亮，字体设计很美妙{:4_187:} 欣赏月儿精彩图图，播放器制作漂亮的{:4_199:} 南无月 发表于 2024-2-27 19:58
@马黑黑辛苦老师来改个作业
100000
√
技术一流了{:4_199:} 俺作为小白，专门来拍手的{:4_199:} 图很美，歌曲好听 感谢楼主佳作分享 红影 发表于 2024-2-27 21:14
月儿的制图真漂亮，字体设计很美妙
影子来了，十分开心哦。。{:4_187:} 小辣椒 发表于 2024-2-27 21:48
欣赏月儿精彩图图，播放器制作漂亮的
这个是套用的。。应该没改 马黑黑 发表于 2024-2-27 22:39
100000
√
好鲜艳夺目的分数。。乐滋滋{:4_170:} 马黑黑 发表于 2024-2-27 22:42
技术一流了
老师夸的都记下，开心开心 南无月 发表于 2024-2-28 17:55
好鲜艳夺目的分数。。乐滋滋
{:4_172:} 樵歌 发表于 2024-2-28 07:48
俺作为小白，专门来拍手的
感谢临贴支持 流水光阴 发表于 2024-2-28 13:08
感谢楼主佳作分享
谢谢支持 南无月 发表于 2024-2-28 17:56
老师夸的都记下，开心开心
{:4_181:} 南无月 发表于 2024-2-28 17:54
这个是套用的。。应该没改
不错，很漂亮的{:4_199:} 好漂亮啊，谢谢分享 好漂亮啊，谢谢分享