php加本地⾳乐代码,WordPress添加⾳乐播放器（纯代码实
现）
⼀、前⾔
为WordPress⽹站添加⼀个⾳乐播放器，⽹上⼤部分的教程都是使⽤各种插件，有的插件还需要花钱买授权，⽤着不爽。本⽂⽤纯代码为⽹站添加⾳乐播放器，安全可靠，可以任意修改。
⼆、效果图
三、安装
1、Aplayer
其实很简单，Github有很多⼤神开源了相关的内容。⽤着最舒服的，当属Aplayer了，可以去官⽹体验⼀下：
⽂档⼿册也很详细：
⽅法很简单，加载Aplayer的js和css，在想要展先的位置调⽤即可。Aplayer⽀持很多模式，上图展⽰的效果为吸底模式，就是在⽹页的页⾯最左下⾓展⽰。本⽂以吸底模式为例进⾏说明，如果想采⽤其它模式，可以根据⽂档⼿册修改代码。
2、Meting
如果只使⽤Aplayer，那么需要指定⾳乐的图⽚地址，mp4地址，歌词等，⽤着不是很⽅便，这时就可以使⽤Meting作为辅助：
Meting为Aplayer提供了⽹易云⾳乐的API接⼝，只要获得⽹易云⾳乐歌单的ID，就可以⾃动加载歌单⾥所有的歌曲，直接调⽤，⽅便很多，当然除了⽹易云⾳乐的API，还有其他的接⼝。
网页版音乐播放器3、开⼯
如果上述这些说了都不懂，没关系，跟着接下来的步骤⾛即可。
⾸先下载为各位打包好的js和css⽂件(下载地址)
解压后，会看到三个⽂件APlayer.min.css、APlayer.min.js、Meting.min.js，将两个js⽂件放到主题的js⽂件夹中，将css⽂件放到主题的css⽂件夹中。
在主题⽬录下的footer.php中，添加如下代码：
data-id="969649908"
data-fixed="true" data-
server="netease"
data-volume="0.8"
data-type="playlist">
将代码中的wp-content/themes/construction-base改为你的WordPress主题的根⽬录。保存好后，刷新⽹页就可以看到播放器了。
但是这个播放器的歌单是我指定的歌单，如果想⽤⾃⼰的⽹易云⾳乐歌单，可以修改data-id的值，这个值的获取⽅法也很简单：
打开浏览器访问⽹页版的⽹易云⾳乐，地址栏的id参数就是对应的data-id值，⾃⼰创建⼀个歌单，想放什么⾳乐就放什么⾳乐。PS：歌单更新歌曲实时更新。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。