咱就是话不多说直接上代码,不让亲戚老爷们苦等。
首先,在你的小程序页面的js文件中,定义音乐播放相关的数据和方法:
Page({
data: {
isPlaying: false,
audioContext: null
},
onLoad: function () {
// 创建音频上下文
this.setData({
audioContext: wx.createInnerAudioContext()
});
},
playMusic: function () {
// 设置音频源
this.data.audioContext.src = '音乐地址';
// 播放音乐
this.data.audioContext.play();
// 更新播放状态
this.setData({
isPlaying: true
});
},
pauseMusic: function () {
// 暂停音乐
this.data.audioContext.pause();
// 更新播放状态
this.setData({
isPlaying: false
});
},
stopMusic: function () {
// 停止音乐
this.data.audioContext.stop();
// 更新播放状态
this.setData({
isPlaying: false
});
}
})
然后,在你的小程序页面的wxml文件中,添加相关的按钮和状态显示: