微信小程序page的生命周期和音频播放及监听的介绍

这篇文章主要介绍了微信小程序page的生命周期和音频播放及监听实例详解的相关资料,需要的朋友可以参考下

一、界面的生命周期

 * 监听页面加载，
 * 页面加载中
 onLoad:function(){
 var _this = this
 console.log( #39;index---------onload() #39;)
 * 监听音乐播放
 wx.onBackgroundAudioPlay(function() {
 console.log( #39;onBackgroundAudioPlay #39;)
 * 监听音乐暂停
 wx.onBackgroundAudioPause(function() {
 console.log( #39;onBackgroundAudioPause #39;)
 * 监听音乐停止
 wx.onBackgroundAudioStop(function() {
 console.log( #39;onBackgroundAudioStop #39;)
 util.playAudio() 
 * 监听页面显示，
 * 当从当前页面调转到另一个页面
 * 另一个页面销毁时会再次执行
 onShow: function() {
 console.log( #39;index---------onShow() #39;)
 * 监听页面渲染完成
 * 完成之后不会在执行
 onReady: function() {
 console.log( #39;index---------onReaday() #39;);
 * 监听页面隐藏
 * 当前页面调到另一个页面时会执行
 onHide: function() {
 console.log( #39;index---------onHide() #39;)
 * 当页面销毁时调用
 onUnload: function() {
 console.log( #39;index---------onUnload #39;)
 }

二、eg：使用播放音乐的系统方法

 wx.playBackgroundAudio（）

需要调用监听音乐的相关操作时，需要在onLoad中进行（在标题一中）

function playAudio(){
 wx.playBackgroundAudio({
 dataUrl: #39;http://m2.music.126.net/oO27f-6XZ2_jMV1gA8wzlA==/1319413953349380.mp3 #39;,
 title: #39;Blue Night #39;,
 coverImgUrl: #39;http://pic.58pic.com/58pic/15/15/32/43x58PICgE2_1024.jpg #39;,
 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中，此文件放的是全局函数！

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

微信小程序 Page（）函数的介绍

微信小程序中跳转页面的两种方法

以上就是微信小程序page的生命周期和音频播放及监听的介绍的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！