配置举例：

<script>

(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/pinpu_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: 80px; /* 位置 */
                color: #fff; /* 文本颜色 */
                --track: #efefef; /* 进度底轨颜色 */
                --prog : green; /* 进度颜色 */
                --cap: #eee; /* 频谱帽颜色 */
            `,
            /* 频谱设置 num: 总数, widht: 宽度, height: 高度, color: 颜色 【注】无color参数则使用随机颜色]  */
            pinpu: {num: 90, width: 4, height: 120, color: 'darkgreen'},
        });
    }
})();

</script>

前一篇: 圆环正频谱条播放器插件配置举例
下一篇: 音频播放控制器插件汇总