风云

马黑黑 · 发表于 2023-8-30 07:58

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

马黑黑 · 发表于 2023-8-30 07:59

帖子代码

<style>
#papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://638183.freep.cn/638183/t23/webp2/fgyy.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('https://638183.freep.cn/638183/t22/gif/star.gif'); top: 0; left: 0; mix-blend-mode: screen; }
#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 src="https://638183.freep.cn/638183/t22/gif/star.gif" alt="" />
<img alt="" src="https://638183.freep.cn/638183/t22/gif/star.gif" />
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=201876" 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 = [ [1,"周思贤 - 风云榜",4], [6,"",1] ];
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: 'top: 20px;',
fs_css: 'color: lightblue; background: navy;',
player_css: `
bottom: 10px;
--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: 'blue', color2: 'lightblue'},
});
};
})();
</script>

复制代码

马黑黑 · 发表于 2023-8-30 08:09

本帖最后由马黑黑于 2023-8-30 08:10 编辑

播放器插件：https://638183.freep.cn/638183/web/api/oscpp_lrc.js

播放器配置：

（一）player_css

--discBg: 配置播放按钮样式，可用背景图片、渐变背景；
--discSize: 按钮尺寸；
--hh: 频谱所在区域总高度；

【附】播放器的宽度不用设置，将由频谱宽度及间距、按钮尺寸等共同影响。

（二）频谱子对象 pinpu: {...}

num: 频谱条数，数值;
size: 频谱宽度，数值；
gap: 频谱间距，数值；
color1 和 color2: 分别是频谱条的中间颜色和两头颜色，字符串值。缺省或控制将使用随机颜色。