博客美化

音乐

外链

<embed border="0" //音乐
 marginwidth="0"
 marginheight="0"
 width=700 height=110
 src="https://www.xiami.com/webapp/embed-player?autoPlay=0&id=1776290685"></embed>

内链

<!-- 为博客底部添加音乐组件 -->
<div id="player"  class="aplayer">
    <pre class="aplayer-lrc-content">
        [00:00]...
        <!-- lrc歌词放置处(使用时去掉这句话) -->
    </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: '歌曲地址',
            pic: '封面地址'
        },
        {
            title: '歌曲名',
            author: '作者',
            url: '歌曲地址',
            pic: '封面地址'
        }
    ]
});
ap.init();
</script>
<br />
posted @ 2020-04-06 15:34  FirwoodLin  阅读(93)  评论(0编辑  收藏  举报