博客园 自定义音乐js

<!-- 外联资源 -->
<!-- 图床: https://www.imgtp.com/ -->
<!-- 音乐外联: https://music.gimhoy.com/ -->
 
<!-- 为博客底部添加音乐组件: 添加在页脚 -->

<div id="player"  class="aplayer"></div>
<link href="https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.css" rel="stylesheet">
<script src="https://files.cnblogs.com/files/shwee/APlayer.min_v1.10.1.js"></script> 
 
<script type="text/javascript">
var ap = new APlayer({
    element: document.getElementById('player'),
    narrow: false,
    loop: 'all',<!-- 全部循环 -->
    order: 'random',<!-- 随机循环 -->
    volume: 0.2,<!-- 播放音量 -->
    autoplay: true,          <!-- 是否自动播放 -->
    showlrc: true, <!--是否开启歌词功能 ，默认false（为true时musics集合中需要传入lrc字段。）-->
    fixed:1,<!-- 是否固定在左下角不动， 1即为true -->
    theme: '#F5F5F5',      <!-- 插件背景颜色，建议和你的公告栏背景色一样，这样融为一体的感觉 -->
    music: [{
            title: '天后',
            author: '卢卢快闭嘴',
            url: 'http://music.163.com/song/media/outer/url?id=2101067848.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/7NdfuOzr.jpg?param=300x300',
            
        },

        {
            title: '珊瑚海',
            author: '周杰伦&梁心颐',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VWclJuX1NJTnMxQ21LNGxsTmZfYWI0QmtialotZXRTdUxDZlI0RG14bUI4RVE.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/m5hWPmZh.jpg?param=300x300',
            
        },

                {
            title: '梦返',
            author: '黄霄云',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0ViRG4yb2NPSU9SSXVCdnVxN2dTOXprQjhsWUwyZW9kSFNWamozZzBCbjhHbFE.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/9D6zmrxP.jpg?param=300x300',
            
        },
                {
            title: '还可以爱吗',
            author: '黄霄云',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0ViX2wyZ0tSejJWQ25tdDVMSklFRnV3Qjg2TDJEX29Za0FkUlpLMHhTZ3dJY2c.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/nZtp7Mvk.webp?param=300x300',
            
        },
                {
            title: '讲不出再见',
            author: '谭咏麟',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VieFhvTm5JelVsSHJzcUJXS2ZMZlIwQi0zUUxNUUF5NUc1UFJsSm1QZ3FrcXc.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/xkCZ90OX.jpg?param=300x300',
            
        },
                {
            title: '飞鸟和蝉',
            author: '任然',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VWM28tWDlsVi1WUHF1dmZ4WlJxaWRrQl9fT1lNOUFpeC12cmVvWVd4NmlHUlE.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/anjSsxnQ.jpg?param=300x300',
            
        },
                        {
            title: '下雨天',
            author: '南拳妈妈',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VkM28xUmRvM0xoRW9HQ1BlUVJ1WTM4QlhGeU9OQnpXTTZJeEVmNUxKWWZBTWc.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/o41qKWt9.jpg?param=300x300',
            
        },
                   {
            title: '是你',
            author: '梦然',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VlcVNDYlcyOC1GQ2tpbnp2MlJjcWdNQlVQZEN5bDdhTG5ucjJseWpscHRUVmc.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/cWf4BG7N.jpg?param=300x300',
            
        },
        


        {
            title: '一生中最爱',
            author: '谭咏麟',
            url: 'https://dlink.host/musics/aHR0cHM6Ly9vbmVkcnYtbXkuc2hhcmVwb2ludC5jb20vOnU6L2cvcGVyc29uYWwvc3Rvcl9vbmVkcnZfb25taWNyb3NvZnRfY29tL0VlQzVuTDFWLVZKRXROUVQ3NnlnMVprQlZ3OVVnWkJXeFBISUlVX2J2Tnh1Vnc.mp3',
            pic: 'https://img2.imgtp.com/2024/03/24/WIB1LMoO.jpg?param=300x300',
           
        },
        // {
        //     title: '世间美好与你环环相扣',
        //     author: '柏松',
        //     url: 'http://music.163.com/song/media/outer/url?id=1363948882.mp3',
        //     pic: 'http://p1.music.126.net/DK1_4sP_339o5rowMdPXdw==/109951164071024476.jpg?param=300x300',
        //     lrc: '[00:00.000] 作词 : 尹初七[00:01.000] 作曲 : 柏松[00:02.000] 编曲 : 彭圣杰[00:15.554][00:28.054]偏偏秉烛夜游[00:31.054]午夜星辰 似奔走之友[00:34.554]爱你每个结痂伤口[00:37.554]酿成的陈年烈酒[00:40.804][00:41.804]入喉尚算可口[00:44.803]怎么泪水 还偶尔失守[00:48.553]邀你细看心中缺口[00:51.053]裂缝中留存 温柔[00:55.804][00:57.553]此时已莺飞草长 爱的人正在路上[01:01.802]我知他风雨兼程 途经日暮不赏[01:05.552]穿越人海 只为与你相拥[01:11.552]此刻已皓月当空 爱的人手捧星光[01:15.302]我知他乘风破浪 去了黑暗一趟[01:19.052]感同身受 给你救赎热望[01:25.302][01:26.052]知道你不能 还要你感受[01:29.802]让星光加了一点彩虹[01:32.802]让樱花偷偷 吻你额头[01:36.553]让世间美好 与你环环相扣[01:41.303][01:42.052]此时已莺飞草长 爱的人正在路上[01:46.302]我知他风雨兼程 途经日暮不赏[01:50.302]穿越人海 只为与你相拥[01:55.802]此刻已皓月当空 爱的人手捧星光[01:59.802]我知他乘风破浪 去了黑暗一趟[02:04.052]感同身受 给你救赎热望[02:09.051][02:09.551]此时已莺飞草长 爱的人正在路上[02:13.550]我知他风雨兼程 途经日暮不赏[02:17.801]穿越人海 只为与你相拥[02:23.301]此刻已皓月当空 爱的人手捧星光[02:27.550]我知他乘风破浪 去了黑暗一趟[02:31.551]感同身受 给你救赎热望[02:37.051][02:38.300]知道你不能 还要你感受[02:41.300]让星光加了一点彩虹[02:44.800]当樱花开的纷纷扬扬[02:48.301]当世间美好 与你环环相扣[02:58.300]特别鸣谢：槿葵，我们的海报制作妹妹。[03:05.554]原唱：柏松[03:06.055]吉他：柏松[03:07.054]和声：柏松[03:07.804]录音：柏松[03:08.804]混音：张强'
        // },
    ]
});
ap.init();
</script>