解决IOS下音频文件无法播放的问题

一个懒惰的开发者

于 2021-09-23 16:32:16 发布

阅读量2.2k

点赞数 1

分类专栏： javascript 文章标签： ios javascript

本文链接：https://blog.csdn.net/m0_55833988/article/details/120437329

版权

在项目中遇到点击按钮播放Base64格式的WAV音频需求，发现在Android上正常工作但在iOS上没有声音。尝试了通过base64ToBlob解码并在iOS上播放、播放后再暂停以及直接播放Base64格式等方法。最终，通过直接播放Base64格式的音频解决了在iOS上无法播放的问题。值得注意的是，测试中发现iOS设备静音模式会导致无声，但使用耳机可以播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

近期项目中有个需求，需要点击按钮播放文字答案，然后开始了填坑之旅

首先使用h5的audio标签，由于后台返回音频格式为base64格式，原格式为wav，开始不确定是否可以直接播放base64格式的音频，前端通过npm的base64ToBlob的方式解码，并赋值给audio的src，具体代码如下：

//答案语音播放
    playVoice(text,e){
   
      let audio = this.$refs.audio;
      // 提取返回答案中的文字
      let reg = /<[^<>]+>/g; 
      

      if(text.answerMsg || text.promptVagueMsg){
   
        text = text.answerMsg.replace(reg,'') + text.promptVagueMsg.replace(reg,'') + text.vagueList.toString();
      } 
      document.querySelectorAll('.voiceBtn').forEach(item => {
   
        item.className = 'voiceBtn play';
      })
      e.target.className = 'voiceBtn pause' 
      if(this.audioText !== text){
   //点的不是同一段文字
        let params = {
   
          text
        };  
        params = pushDataFormat(params);
        this.$axios.post('ncfNewTimeRobot/textToVoice.do',{
   
          params: params
        }).then(res => {
   
          console.log(res.data)
          this.audioText = text;
          if(res.errCode == 0){
   
            // let audioBlob = base64ToBlob(res.data.data, 'wav');
            // audio.src = window.URL.createObjectURL(audioBlob); 
            audio.load();
            audio.play