马黑PHP整站系统

圆环进度条播放器配置举例

位置: 首页 > JS插件[ 发布时间: 2023.7.29  作者: 马黑  阅读: 319 ]
    
配置代码:

<script>

(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/circle_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,200,100,.4),rgba(10,200,100,.7));  /* 歌词同步颜色 */
            `,
            player_css: `
                bottom: 10px; /* 位置 */
                --track: rgba(255,255,255,.6); /* 进度底色 */
                --prog: rgba(10,250,10,.6); /* 进度颜色 */
                --color: snow; /* 按钮和文本颜色 */
            `,
        });
    }
})();

</script>

前一篇: 音频播放插件使用说明
下一篇: 管状进度条播放器插件配置举例

发表评论:

       

评论列表 [1条]

#1 | 悄然 于 2023-7-29 18:38 发布: 好细致的配置说明……

Copyright © 2023 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com