一.全局app.js中设置全局的变量

图1 app.js

如图1所示，设置全局音乐开启或关闭的状态变量isMusic,默认为true，并声明一个全局的音乐的方法innerAudioContext: wx.createInnerAudioContext(),

在app.js中的onLaunch方法中配置音乐的基础配置属性，如图2，所示

图2  app.js

然后在app.js中配置图3的方法，目的是用户在息屏时暂停音乐，然后再亮屏时开启音乐。

图3  app.js

二.在每个需要的单页面做页面音乐开启和关闭按钮的处理

    单页面wxml代码如下图4；

图4   indexwxml

单页面js配置如图5

图5  index.js