博客园音乐插件

  
<!-- 为博客底部添加音乐组件 -->
<div id="player"  class="aplayer">
 <pre class="aplayer-lrc-content">
        [00:01.75]马良 - 往后余生
        [00:00.44]作词：马良
        [00:00.59]作曲：马良
        [00:02.49]余生很长
        [00:04.92]请多指教
        [00:15.99]在没风的地方找太阳
        [00:23.34]在你冷的地方做暖阳
        [00:31.01]人事纷纷
        [00:33.74]你总太天真
        [00:38.30]往后的余生
        [00:40.35]我只要你
        [00:43.65]往后余生
        [00:47.30]风雪是你
        [00:51.05]平淡是你
        [00:54.77]清贫也是你
        [00:58.45]荣华是你
        [01:02.25]心底温柔是你
        [01:06.40]目光所至
        [01:09.39]也是你
        [01:15.06]呜呜呜……
        [01:30.55]想带你去看晴空万里
        [01:37.94]想大声告诉你我为你着迷
        [01:45.52]往事匆匆
        [01:48.30]你总是会感动
        [01:52.79]往后的余生
        [01:55.03]我只要你
        [01:58.16]往后余生
        [02:01.82]冬雪是你
        [02:05.59]春华是你
        [02:09.38]夏雨也是你
        [02:13.12]秋黄是你
        [02:16.88]四季冷暖是你
        [02:21.07]目光所至
        [02:23.95]也是你
    </pre>
     <pre class="aplayer-lrc-content">
     </pre>
    <pre class="aplayer-lrc-content">
    </pre>

    <pre class="aplayer-lrc-content">
     </pre>
</div>
<link href="https://blog-static.cnblogs.com/files/php-linux/APlayer.min_v1.10.1.css" rel="stylesheet">
<script src="https://blog-static.cnblogs.com/files/php-linux/APlayer.min_v1.10.1.js"></script> 

<script type="text/javascript">
var ap = new APlayer({
    element: document.getElementById('player'),
    narrow: false,
    autoplay: false,          <!-- 是否自动播放 -->
    showlrc: true,
    volume:0.4,
    theme: '#F5F5F5',      <!-- 插件背景颜色，建议和你的公告栏背景色一样，这样融为一体的感觉 -->
    music: [{
            title: '往后余生',
            author: '王贰浪',
            url: 'https://blog-static.cnblogs.com/files/php-linux/%E7%8E%8B%E8%B4%B0%E6%B5%AA-%E5%BE%80%E5%90%8E%E4%BD%99%E7%94%9F.js',
            pic: 'https://www.cnblogs.com/images/cnblogs_com/php-linux/674292/t_109951163337847600.jpg'
        },
        {
            title: '拂雪',
            author: '不才',
            url: 'https://files.cnblogs.com/files/php-linux/%E4%B8%8D%E6%89%8D-%E6%8B%82%E9%9B%AA.js',
            pic: 'https://www.cnblogs.com/images/cnblogs_com/php-linux/674292/t_6631154628171782.jpg'
        },
        {
            title: '我的一个道姑朋友',
            author: '洛尘鞅',
            url: 'https://files.cnblogs.com/files/php-linux/%E6%B4%9B%E5%B0%98%E9%9E%85-%E6%88%91%E7%9A%84%E4%B8%80%E4%B8%AA%E9%81%93%E5%A7%91%E6%9C%8B%E5%8F%8B.js',
            pic: 'https://www.cnblogs.com/images/cnblogs_com/php-linux/674292/t_109951162818478976.jpg'
        },
        {
            title: '大田后生仔',
            author: '王雨萌',
            url: 'https://files.cnblogs.com/files/php-linux/%E7%8E%8B%E7%8E%89%E8%90%8C-%E5%A4%A7%E7%94%B0%E5%BE%8C%E7%94%9F%E4%BB%94.js',
            pic: 'https://www.cnblogs.com/images/cnblogs_com/php-linux/674292/t_109951164423988553.jpg'
        }
    ]
});
ap.init();
</script>
<br />