今天進入音樂播放器教程的最后一部分，主要是前端播放器和后端數(shù)據(jù)庫通訊整合,。

源碼請在公眾號里輸入“微信代碼”查看下載連接,，然后將下載鏈接自己想辦法搞到PC上然后再下載，下載后上傳到自己sae里,，和上一個教程的播放器前端頁面在同個地方就可以,，后臺管理是在瀏覽器運行的。

建議先下載安裝了再看文章,，以下是注意事項：

1,、更新了下images目錄下的common.js和common.css，請覆蓋原來文件即可,。

2,、修改了下wxgetmusic.php，請覆蓋原文件即可

3、前后端整合代碼都在audio.html里,，先覆蓋原來文件,，然后參看教程進行修改。

第十五章    微信音樂播放器開發(fā)

五,、音樂播放器前后端整合

在前兩期教程中我們已經(jīng)將前臺播放器界面、后臺音樂內(nèi)容管理以及數(shù)據(jù)通訊接口完成了,，現(xiàn)在要做的事情就是編寫代碼讓前臺播放器利用通訊接口來調(diào)用后臺音樂內(nèi)容,，實現(xiàn)一些播放器操作。

之前的前臺頁面是實現(xiàn)播放器效果展現(xiàn)和離線播放,，所以在整合的時候?qū)χ暗膆tml代碼做了一些調(diào)整,，去除了音樂封面、音樂信息以及音樂url等,，這里就不重點講了,，有興趣的朋友可以將前后兩個文件做個對比。

下面重點來講如何使用JS來完成數(shù)據(jù)調(diào)用以及播放器操作,，所有的代碼都在第69行