vue项目 audio标签在ios 微信公众号中不能播放声音问题

造成这个原因主要是ios的系统导致的。 解决的办法也就是在播放声音之前播放一个空白的音频。

代码如下:

        

vue项目 audio标签在ios 微信公众号中不能播放声音问题_第1张图片

首先判断一下是否是ios设备,因为在播放音频之前加上

self.$refs.myaudio.play()这句代码的话,对安卓设备会有影响,主要影响是不能播放音频。所以要做一个判断。

之后的代码是:

if (self.$refs.myaudio.pause){
  self.$refs.myaudio.src = videoStr
  self.$refs.myaudio.play()
  // self.$autoPlayQues(videoStr,self.ending)
} else {
  self.$refs.myaudio.pause()
}

其中videoStr是网络访问返回的音频url。

这其中的代码都是在一个点击事件当中。

你可能感兴趣的:(软件)