博客园博客美化使用APlayer+Meting实现音乐播放

发布时间 2023-06-15 13:04:23作者: 三流程序媛

效果图如下

把代码贴入 页脚HTML 代码中

<!-- 线条背景动画 -->
<!-- color: 线条颜色,默认:‘0,0,0’;三个数字分别为(R,G,B),注意使用,分割
   opacity: 线条透明度0~1,默认0.5
   count: 线条总数量,默认99
   z-Index: 背景的z-Index属性,css用于控制所在层的位置,默认-1 (1置顶显示)-->
<script src="https://files.cnblogs.com/files/blogs/795873/myjs.js?t=1686803351&download=true" color="255,112,12" opacity="1" count="299" zindex="-1"></script>

<!-- 网易云音乐 -->
<link rel="stylesheet" href="https://files.cnblogs.com/files/blogs/795873/APlayermini.css?t=1686804440&download=true">
<script src="https://files.cnblogs.com/files/blogs/795873/APlayer.min.js?t=1686804440&download=true"></script>
<div id="aplayer" class="aplayer" data-id="8419645741" data-server="netease" data-type="playlist" data-fixed="true" data-listfolded="true" data-order="random" data-theme="#F58EA8"></div>
<script src="https://files.cnblogs.com/files/blogs/795873/Meting.min.js?t=1686804440&download=true"></script>

其中,server指的是平台名称,netease是网易;tencent是腾讯;xiami是虾米;kugou是酷狗;baidu是百度。  

type指的是类型,playlist是歌单;song是单曲;album是专辑;search是关键词;artist是歌手。  

id指的是音乐页面链接上的id,比如下图所示的id