微信小程序设置全局音频:
微信小程序目前已经不支持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合法域名设置外部引入的音频地址
第一次写文章,如果喜欢的给我点一个赞吧!后续还会继续分享有关微信小程序的文章.
微信小程序全局音频设置 手机上播放不了音频的问题解决方案 微信小程序音频无法播放问题.