- UID
- 616
版主
- 主题
- 84
- 回帖
- 5119
- 精华
- 60
- 积分
- 7066
- 金币
- 38123 枚
- 鲜花
- 1125 朵
- 注册时间
- 2023-11-16
- 最后登录
- 2024-5-23
|
loadJs(js1, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'top: 20px;',
fs_css: 'bottom: 5%; left:5%;background: transparent;',
player_css: 'width: 240px; height: 380px; bottom: 34%;right:26%;',
path: 'M160 10 C10 10, 90 200, 160 300',
btn: {left: 104, top: 40},
track: {track: '#BDB76B', prog: '#006400'},
img: {play: 'https://pic.imgdb.cn/item/651e4459c458853aef198abe.png', pause: 'https://pic.imgdb.cn/item/651e445ec458853aef198b6e.png'}
});
});
红色部分是歌词代码。。比较简单。下面这句可以替换它:
lrc_css: 'bottom: 26px;left: 50%; transform: translate(-50%); --bg: linear-gradient(rgba(250,250,250,.25),rgba(100,200,250,.65)); opacity: .6;font-size: 26px;color: #fff;',
这个设置比较细,可以更改位置,渐变颜色,透明度,歌词字体大小。
保存起来。。根据贴子实际情况使用。
蓝色部分是小播那个路径的代码,
第一行是位置,可以更改
第二行是形状,改一下数字你会看到不同的效果。
path: 'M5 50 L10 45 Q35 80 50 50 T100 70 T160 70 T 195 65',
这句现成的替换一下有不 同效果
|
|