微信小程序开发问题提问

Question

微信小程序使用tabbar实现不同页面的切换，如何实现使用ontabitemtap事件切换不同tabbar页面的背景音乐，每个页面的背景音乐不同。
当一个页面的背景音乐响起时，其余页面的背景音乐自动关闭，互不干扰。

Answer 1

在app.js中创建一个全局的InnerAudioContext，onLaunch初始化下，然后在tabbar对应页面onShow设置调用app示例的playMp3扩展方法。App 实例已经扩展了pause和playMp3这3这2个方法。要想暂停可以geApp.pause()

app.js

App({
  audio:null,
  onLaunch() {
    this.audio=wx.createInnerAudioContext();
  },
  playMp3(src){
    this.pause();
    this.audio.src=src;
    this.audio.play();
  },
  pause(){
    this.audio.pause();
  }
})