配置代码：

<script>

(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/osc_lrc.js';
    document.head.appendChild(script);
    let geci = [ [1.82,"小河小河",3.6], [5.45,"词/曲/演唱 : 苏运莹Sue",4.0], [9.42,"DONG一声天空作响",2.0], [11.7,"绽开了一支梅",2.1], [18.62,"轰隆隆京鼓震作",2.1], [20.73,"天地开始倒转",2.5], [27.82,"雷雨摇曳aha",1.9], [30.02,"梅艳在敲击蕊身",2.2], [37.13,"灰色地界aha",1.9], [39.19,"又⻅梅花伸展",2.3], [46.73,"一条小河悠悠扬扬转",4.3], [51.3,"围着梅花 搭着梅的塔",4.3], [56.02,"问它为何 只为梅而来",4.0], [60.6,"它不说话",2.7], [63.74,"静静流敞",1.9], [68.66,"静静流敞",1.8], [73.12,"小河小河",1.5], [77.66,"小河小河",1.6], [120.24,"DONG大声吆喝天地",2.2], [122.56,"梅朵芬芳开廓",2.3], [129.4,"枝桠桠攀沿⻄川",1.9], [131.57,"心愿与光交合",2.4], [138.63,"无限莹彩aha",2.2], [140.8,"汇入流水荡笑意",2.5], [147.74,"眼懵念想aha",2.1], [149.9,"默念梅力开暨",2.4], [157.24,"一条小河悠悠扬扬转",4.4], [161.99,"围着梅花 搭着梅的塔",4.4], [166.58,"问它为何 只为梅而来",4.0], [171.18,"它不说话",2.7], [174.53,"静静流淌",2.0], [179.28,"静静流淌",2.0], [183.97,"小河小河",1.5], [188.41,"小河小河",1.5], [193.09,"小河小河",1.5], [197.65,"小河小河",1.5],	[202.05,"融汇江河",4.0], [206.08,"江河长青",4.1], [211.01,"小河小河",2.1], [215.09,"小河小河",2.6], [220.06,"梦念梅花",2.0], [222.02,"小河梅花",2.4] ];
    window.onload = () => {
        HCPlayer({
            papa: '#papa', /* 宿主元素 */
            lrcAr: geci, /* 歌词 */
            lrc_css: `
                top: 10px; /* 位置 */
                color: lightblue; /* 歌词底色 */
                -webkit-box-reflect: below 420px linear-gradient(to bottom, transparent, rgba(255,255,255,.5));;
                --bg: linear-gradient(rgba(10,200,100,.25),rgba(10,200,100,.7));  /* 歌词同步颜色 */
            `,
            player_css: `
                bottom: 20px; /* 位置 */
                color: #fff; /* 文本颜色 */
                --track: lightgreen; /* 底轨颜色 */
                --prog: orange; /* 进度颜色 */
                --ww: 400px; /* 示波宽度 */
            `,
        });
    }
})();

</script>

前一篇: Spira
下一篇: 大西厢