《微信公众平台入门到精通》Vol.22

今天进入音乐播放器教程的最后一部分，主要是前端播放器和后端数据库通讯整合。

源码请在公众号里输入“微信代码”查看下载连接，然后将下载链接自己想办法搞到PC上然后再下载，下载后上传到自己sae里，和上一个教程的播放器前端页面在同个地方就可以，后台管理是在浏览器运行的。

建议先下载安装了再看文章，以下是注意事项：

1、更新了下images目录下的common.js和common.css，请覆盖原来文件即可。

2、修改了下wxgetmusic.php，请覆盖原文件即可

3、前后端整合代码都在audio.html里，先覆盖原来文件，然后参看教程进行修改。

第十五章    微信音乐播放器开发

五、音乐播放器前后端整合

在前两期教程中我们已经将前台播放器界面、后台音乐内容管理以及数据通讯接口完成了，现在要做的事情就是编写代码让前台播放器利用通讯接口来调用后台音乐内容，实现一些播放器操作。

之前的前台页面是实现播放器效果展现和离线播放，所以在整合的时候对之前的html代码做了一些调整，去除了音乐封面、音乐信息以及音乐url等，这里就不重点讲了，有兴趣的朋友可以将前后两个文件做个对比。

下面重点来讲如何使用JS来完成数据调用以及播放器操作，所有的代码都在第69行