第一种方式:放入main中
第二种方式:放入vuex中管理
由于我们的vuex是模块化的管理,所以是单独的文件,新建的bgm.js文件
const debug = process.env.NODE_ENV == 'development' ? true : false
const bgm = uni.createInnerAudioContext();
bgm.src = 'https://vod.qiniu.ayousi.cn/lq5Af14ZKVj3MmzcFFmcX0qlF7Yx'
bgm.loop = true;
const state = () => ({
mute: false
})
const mutations = {
// 播放背景音乐
setPlayBgMusic(state, mute) {
console.log('设置是否静音',mute);
state.mute = mute
}
}
const actions = {
playBgMusic({state,commit,dispatch}) {
// 是否创建音乐实例
if (!bgm) return;
if (state.mute) {
console.log('bgm/playBgMusic', 'mute静音');
bgm.pause()
} else {
console.log('默认开启游戏背景音乐'