微信小程序设置全局音频:

微信小程序目前已经不支持audio组件的使用, 只能使用wx.createInnerAudioContext接口.

具体操作如下

app.js文件的设置

// app.jsApp({onLaunch() {// 进入小程序的时候获取wx.createInnerAudioContext()this.globalData.myaudio = wx.createInnerAudioContext()},globalData: {//全局音频myaudio: null,},//全局方法audioPlay(e) {//根据传参来设置音频let src = ''switch (e) {case 0:src = 'https://*******/cbb/default/collect_add.mp3'break;case 1:src = 'https://*******/cbb/default/collect_no.mp3'break;}//设置音频的播放路径this.globalData.myaudio.src = src//播放音频this.globalData.myaudio.play()}})

这样子全局音频变设置好了,下面我们调用这个方法.下面我们去页面上调用

index.js调用全局音频

// index.js//引入全局app.jsconst app = getApp()App({//页面进入的时候就加载onShow(){//调用全局音频 播放0的音乐app.audioPlay(0)}})

这样就实现全局音频的调用了,不过可能在开发者工具的时候能用,到了手机就用不了,没关系请看下面的介绍

微信小程序手机预览播放不了音乐的原因

1.播放地址的原因

必须是外部引入,这是因为微信小程序文件大小只限制2M的原因.所以所有的音频最好放在服务器上面,如果没有服务器可以去阿里云申请OSS云存储.

地址实例:/cbb/default/collect_add.mp3

阿里云图片托管操作过程:微信小程序/H5/APP 上传图片至阿里云OSS（支持多图片上传）_涛々的技术博客-CSDN博客_微信小程序上传图片到oss

2.域名合法化,白名单设置.

这里必须要进入微信公众平台进行设置

在 request合法域名设置外部引入的音频地址

第一次写文章,如果喜欢的给我点一个赞吧!后续还会继续分享有关微信小程序的文章.

微信小程序全局音频设置 手机上播放不了音频的问题解决方案 微信小程序音频无法播放问题.