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

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

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

具体操作如下

app.js文件的设置

// app.js
App({
    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.js
const app = getApp()
App({
    //页面进入的时候就加载
    onShow(){
        //调用全局音频 播放0的音乐
        app.audioPlay(0)
    }
})
  
  

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

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

1.播放地址的原因 

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

地址实例:https://www.baidu.com/cbb/default/collect_add.mp3

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

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

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

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

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