为了android和ios兼容需要写2套代码
android环境:
1.首先需要安装howler库,具体安装教程可查看
(GitHub - goldfire/howler.js: Javascript audio library for the modern web.)
2.代码
import { Howl } from 'howler'
const _audio= new Howl({
src: url, // BGM路径
loop: true, // 是否循环播放
volume: true, // 音量大小0~1
sprite: {} // 声音精灵用于只需播放BGM的特定片段
})
_audio.play();
ios环境:
1.需要使用微信JSDK工具包,具体教程请看官方文档
(概述 | 微信开放文档)
2.代码:
const _audio = document.createElement('audio')
_audio.src = './media/BGM.mp3'
_audio.loop = true
_audio.autoplay = true
_audio.preload = 'auto'
(WeixinJSBridge:微信JSDK导入成功才会有)
console.log('window.WeixinJSBridge==>',window.WeixinJSBridge)
window.WeixinJSBridge && window.WeixinJSBridge.invoke('getNetworkType', {}, () => {
_audio.play()
console.log('BGM播放')
})
最后有什么问题希望各路大佬多多指点,Thanks!