如何将"RIFF WAVEfmt..."转换为可播放音频？寻求技术帮助

问题核心在于你当前通过Ajax拿到的是字符串形式的二进制数据，这会丢失音频的原始字节信息，必须先确保请求获取到正确的二进制数组，再转成可播放的音频对象。

步骤1：修改Ajax请求，获取二进制数组 #

在jQuery的Ajax配置中，通过xhrFields指定responseType为arraybuffer，这样API返回的音频二进制数据会被正确解析为ArrayBuffer，而不是转成字符串：

$.ajax({
  url: '你的API接口地址',
  method: 'GET', // 根据API要求调整请求方法
  xhrFields: {
    responseType: 'arraybuffer' // 关键配置，确保拿到二进制数据
  },
  success: function(buffer) {
    // 调用播放函数处理二进制数据
    playWavAudio(buffer);
  },
  error: function(xhr, status, err) {
    console.error('请求音频失败:', err);
  }
});

步骤2：将ArrayBuffer转为可播放的音频 #

拿到ArrayBuffer后，需要将其转为Blob对象，再生成临时URL绑定到audio元素进行播放：

function playWavAudio(arrayBuffer) {
  // 创建WAV格式的Blob
  const wavBlob = new Blob([arrayBuffer], { type: 'audio/wav' });
  // 生成Blob临时URL
  const audioUrl = URL.createObjectURL(wavBlob);
  
  // 创建audio实例并播放
  const audioPlayer = new Audio(audioUrl);
  audioPlayer.play().catch(error => {
    console.error('音频播放失败:', error);
  });
  
  // 播放结束后释放临时URL，避免内存泄漏
  audioPlayer.addEventListener('ended', () => {
    URL.revokeObjectURL(audioUrl);
  });
}

关键注意事项 #

• 不要尝试将你当前拿到的"RIFF WAVEfmt..."字符串转成音频：因为字符串是二进制数据被错误编码后的结果，无法完整恢复原始音频字节，必须重新请求并设置responseType: 'arraybuffer'。
• 如果API需要POST请求或携带参数，只需在Ajax配置中添加data字段即可，保持responseType配置不变。

内容的提问来源于stack exchange，提问作者N. Apannu