微信小程序制作网页_微信小程序布景音乐开发详

微信小程序背景音乐开发详解       这篇文章主要介绍了微信小程序背景音乐开发详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

相关代码

const bgMusic = wx.getBackgroundAudioManager() //创建背景音乐
Page({
 data: {
 id: '',//请求数据参数id
 musicMsg: {},//接收数据对象
 onLoad: function (options) {
 var that = this
 that.setData({
 id: options.id,
 that.getPicInfo() //请求服务器
 // 开始播放
 listenerButtonPlay: function (src) {
 var that = this
 console.log(src)
 bgMusic.src = src;
 bgMusic.onTimeUpdate(() = { //监听音频播放进度
 console.log(bgMusic.currentTime)
 bgMusic.onEnded(() = { //监听音乐自然播放结束
 console.log("音乐播放结束");
 that.listenerButtonPlay(that.data.musicMsg.mp3)
 bgMusic.play(); //播放音乐
 getPicInfo() {
 var that = this
 wx.request({
 url: '1.json id=' + that.data.id,
 header: {
 'content-type': 'application/json'
 method: 'GET',
 success: function (res) {
 that.listenerButtonPlay(res.data.data.mp3) //成功回调执行播放音乐
 that.setData({
 musicMsg: res.data.data, //赋值对象
 onUnload() {
 var that = this
 that.listenerButtonStop()//页面卸载时停止播放
 console.log("离开")
 //暂停
 audioPause: function () {
 var that = this
 bgMusic.pause(); //暂停播放音乐
 console.log('暂停')
 audioPlay: function () {
 var that = this
 bgMusic.play(); //停止播放
 console.log('继续播放')
 //停止播放
 listenerButtonStop: function () {
 bgMusic.stop()

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。