# wxml
```
<image bindtap="click" src="{{isPlay?'/images/start':'/images/stop'}}"/>
```
# JS
```
Page({
data:{
isPlay:false
},
onLoad(){
var self = this;
//監聽音樂播放
wx.onBackgroundAudioPlay((result)=>{
self.setData({
isPlay:true
})
});
//監聽音樂停止
wx.onBackgroundAudioPause((result)=>{
self.setData({
isPlay:false
})
});
},
//執行點擊事件,如果播放就停止,如果停止就播放
click(){
if(this.data.isPlay){
wx.pauseBackgroundAudio();
this.setData({
isPlay:fasle
})
}else{
//開始音樂播放
wx.playBackgroundAudio({
dataUrl:"",
title:"",
coverImgUrl:""
});
this.setData({
isPlay:true
})
}
}
})
```