h5 小程序添加背景音乐

1.新建music.js文件

const bgm = uni.createInnerAudioContext();
bgm.src = 'https://vod.qiniu.ayousi.cn/lq5Af14ZKVj3MmzcFFmcX0qlF7Yx'
bgm.loop = true;

var music = {
    //mute 表示是否是静音，，默认不静音
    playBgm({mute=false}){
        if (!bgm) return;
        if(mute){
            bgm.pause()
        }else{
            bgm.play()
        }
        
        bgm.onPause(()=>{
            console.log('暂停背景音乐');
        })
        bgm.onPlay(() => {
            console.log('开始播放音乐#######');
        })
        bgm.onError((res) => {
            console.log(res)
        })
    }
}
module.exports = music

2.我是挂载到了vue实例中，在man.js中引入

// 背景音乐
import music from '@/common/utils/music.js';
Vue.prototype.$music =music;

3.在页面中引入

// 开启背景音乐
this.$music.playBgm({
    mute: false
});

// 关闭背景音乐
this.$music.playBgm({
    mute: true
});