看，田野里的玉米露出了笑脸，秋风吹过，闪烁着太阳的光芒，秋天是金色的。看满山的枫叶，红得就像一团火焰在熊熊燃烧，散发着生机，秋天是红色的。呵呵，我们都错了，秋天不是金黄的，也不是红色的，秋天是五颜六色的。
一、界面的生命周期
/**
* 监听页面加载，
* 页面加载中
*/
onLoad:function(){
var _this = this
console.log('index---------onload()')
/**
* 监听音乐播放
*/
wx.onBackgroundAudioPlay(function() {
console.log('onBackgroundAudioPlay')
}),
/**
* 监听音乐暂停
*/
wx.onBackgroundAudioPause(function() {
console.log('onBackgroundAudioPause')
}),
/**
* 监听音乐停止
*/
wx.onBackgroundAudioStop(function() {
console.log('onBackgroundAudioStop')
util.playAudio()
})
},
/**
* 监听页面显示，
* 当从当前页面调转到另一个页面
* 另一个页面销毁时会再次执行
*/
onShow: function() {
console.log('index---------onShow()')
},
/**
* 监听页面渲染完成
* 完成之后不会在执行
*/
onReady: function() {
console.log('index---------onReaday()');
},
/**
* 监听页面隐藏
* 当前页面调到另一个页面时会执行
*/
onHide: function() {
console.log('index---------onHide()')
},
/**
* 当页面销毁时调用
*/
onUnload: function() {
console.log('index---------onUnload')
}
二、eg：使用播放音乐的系统方法
wx.playBackgroundAudio（）
需要调用监听音乐的相关操作时，需要在onLoad中进行（在标题一中）
function playAudio(){
wx.playBackgroundAudio({
dataUrl: 'http://m2.music.126.net/oO27f-6XZ2_jMV1gA8wzlA==/1319413953349380.mp3',
title:'Blue Night',
coverImgUrl:'http://pic.58pic.com/58pic/15/15/32/43x58PICgE2_1024.jpg',
success: function(res){
// success
console.log("ok")
},
fail: function(res) {
// fail
console.log("fail")
},
complete: function(res) {
// complete
console.log("ok")
}
})
}
三、号外：全局函数的声明使用
util.playAudio()方法是在文件util.js中，此文件放的是全局函数！
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
到此这篇关于微信小程序page的生命周期和音频播放及监听实例详解就介绍到这了。专注、开拓、创新的服务，放眼未来。更多相关微信小程序page的生命周期和音频播放及监听实例详解内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
