出于某些原因，我有一个网页可以解码 wave 文件。 Chrome 和 Safari 似乎工作正常。 Firefox 有时无法解码文件并给出错误:“传递给 decodeAudioData 的缓冲区包含无法成功解码的无效内容。”我创建了一个 jsfiddle这说明了这个问题:

var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
var source;
function getData() {
  source = audioCtx.createBufferSource();
  request = new XMLHttpRequest();
  request.open('GET', 'https://mpclubtest.s3.amazonaws.com/Malice_Bass.wav', true);
  request.responseType = 'arraybuffer';
  request.onload = function() {
    var audioData = request.response;
    audioCtx.decodeAudioData(audioData, function(buffer) {
        source.buffer = buffer;
        source.connect(audioCtx.destination);
      },
      function(e){"Error with decoding audio data" + e.err});
  }
  request.send();
}
getData();
source.start(0);

任何人都可以告诉我问题是什么以及是否有任何方法可以规避？非常感谢。

编辑 感谢 Michael Chaney 的大量贡献，我能够实现一些处理 wave 的 javascript，以便它可以在 Firefox 中播放。该代码 trim 了超过 16 个字节的“fmt” block 的任何部分。代码位于:jfiddle

var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
var source;
function getData() {
  source = audioCtx.createBufferSource();
  request = new XMLHttpRequest();
  request.open('GET', 'https://mpclubtest.s3.amazonaws.com/Malice_Bass.wav', true);
  request.responseType = 'arraybuffer';
  request.onload = function() {
      var audioData = request.response;
      var dv = new DataView(audioData);
      var junk = 0;
      var position = 12;
      do {
          var header = String.fromCharCode.apply(null, Uint8Array(audioData, position, 4));
          var length = dv.getUint32(position + 4, true);
          if (header.trim() === 'fmt') {
              junk = junk + length - 16;
          }
          position = position + 8 + length;
      }while(position < audioData.byteLength);
      var productArray = new Uint8Array(audioData.byteLength - junk);
      productArray.set(new Uint8Array(audioData, 0, 12));
      var newPosition = 12;
      position = 12;
      var fmt_length_spot;
      do {
          var header = String.fromCharCode.apply(null, Uint8Array(audioData, position, 4));
          var length = dv.getUint32(position + 4, true);
          if (header.trim() === 'fmt') {
              productArray.set(new Uint8Array(audioData, position, 24), newPosition);
              fmt_length_spot = newPosition + 4;
              newPosition = newPosition + 24;
          }
          else {
              productArray.set(new Uint8Array(audioData, position, length + 8), newPosition);
              newPosition = newPosition + 8 + length;
          }
          position = position + 8 + length;
      }while(position < audioData.byteLength);
      audioData = productArray.buffer;
      dv = new DataView(audioData);
      dv.setUint32(4, audioData.byteLength - 8, true);
      dv.setUint32(fmt_length_spot, 16, true);
      audioCtx.decodeAudioData(audioData, function(buffer) {
          source.buffer = buffer;
          source.connect(audioCtx.destination);
        },
        function(e){"Error with decoding audio data" + e.err});
    }
    request.send();
}
getData();
source.start(0);

谢谢迈克尔。

最佳答案

我最近遇到了这个问题，Firefox 无法使用浏览器的音频 api 读取 wav 文件，我发现问题出在音频文件的位深度上，它不应超过 16 位才能被 Firefox 识别。我还发现这是一个 8 年前的 Firefox“错误”，这非常令人惊讶 (https://bugzilla.mozilla.org/show_bug.cgi?id=524109)

我的想法是通过 sox 命令行将任何 32 位深度的 wav 文件降级为 16 位，如下所示:sox input.wav -b 16 output.wav。您显然可以使用 ffmpeg 或任何其他可以在 Linux 下执行此操作的应用程序。 希望对您有所帮助。

关于javascript - 为什么某些 .wav 文件无法在 Firefox 中解码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26169678/