细线进度条播放器插件配置举例
配置举例: <script> (function() { let script = document.createElement('script'); script.src = '';//'https://638183.freep.cn/638183/web/api/tube_lrc.js'; document.head.appendChild(script); let geci = [ [1,"细线进度条播放器插件",2],[4,"小笛子 - 南方姑娘",3] ]; /* 歌词数组 */ window.onload = () => { HCPlayer({ papa: '#papa', /* 宿主元素 */ lrcAr: geci, /* 歌词 */ lrc_css: ` top: 10px; /* 位置 */ color: silver; /* 歌词底色 */ --bg: linear-gradient(rgba(10,100,100,.4),rgba(10,100,100,.7)); /* 歌词同步颜色 */ `, player_css: ` bottom: 10px; /* 位置 */ color: lightgreen; /* 文本颜色 */ --track: silver; /* 进度底色 */ --prog: teal; /* 进度颜色 */ --bg: conic-gradient(pink,red,lightgreen,red);/* 按钮设置 支持图片、渐变背景*/ `, }); } })(); </script>
前一篇: 管状进度条播放器插件配置举例
下一篇: 圆环斜频谱条播放器插件配置举例
发表评论:
评论列表 [0条]