2

我搜索了相关问题，但找不到任何相关信息。

我正在尝试让 Web Audio API 播放在另一个文件容器中编码的 mp3 文件，所以到目前为止我所做的是解析所述容器，并将结果二进制数据（arraybuffer）提供给 audioContext.decodeAudioData方法，它应该接受任何类型的包含音频数据的数组缓冲区。但是，它总是抛出错误回调。

我对自己在做什么只有微弱的了解，所以可能整个方法都是错误的。或者，也许这是不可能的。

你们有没有人尝试过这样的事情？任何帮助表示赞赏！

这里有一些代码试图更好地说明这一点。以下只是存储数组缓冲区：

newFile: function(filename){
    var that=this;
    var oReq = new XMLHttpRequest();
    oReq.open("GET", filename, true);
    oReq.responseType = "arraybuffer";
    oReq.onload = function (oEvent) {
      var arrayBuffer = oReq.response; // 
      if (arrayBuffer) {
        that.arrayBuffer=arrayBuffer;
        that.parsed=true;
      }
    };
    oReq.send(null);

这就是我在解码部分所做的：

newTrack: function(tracknumber){
    var that=this;
    var arraybuffer=Parser.arrayBuffer;
    that.audioContext.decodeAudioData(arraybuffer,function(buffer){
        var track={};
        track.trackBuffer=buffer;
        track.isLoaded=true;
        track.trackSource=null;
        track.gainNode=that.audioContext.createGainNode(); 
        that.tracklist.push(track);

        },alert('error'));

其中 Parser 是我用来解析和存储数组缓冲区（具有 newFile 函数）的对象文字

所以，总而言之，我不知道我做错了什么，或者根本无法做到。

4

1 回答 1

1

如果没有容器，我不确定如何decodeAudioData知道它是 MP3。或者比特率是多少。或者它有多少个频道。或者很多其他非常重要的信息。基本上，您需要告诉decodeAudioData如何解释该 ArrayBuffer。

在客户端，我唯一能想到的就是尝试使用 Blob。您基本上必须自己编写标题，然后readAsArrayBuffer在将其传递给decodeAudioData.

如果你有兴趣尝试一下，这里有一个规范： http ://www.mpgedit.org/mpgedit/mpeg_format/mpeghdr.htm

这里是 RecorderJS，它将向您展示如何创建 Blob（尽管它写入 RIFF/WAV 标头而不是 MP3）：

https://github.com/mattdiamond/Recorderjs/blob/master/recorderWorker.js

你会想看看encodeWAV方法。

无论如何，如果可以的话，我强烈建议您在服务器上解决这个问题。

于 2013-07-31T19:09:49.063 回答