Web Audio Api - 下载已编辑的 MP3

Question

我目前正在编辑具有多种效果的 mp3 文件

var mainVerse = document.getElementById('audio1');

var s = source;
source.disconnect(audioCtx.destination);

for (var i in filters1) {
 s.connect(filters1[i]);
 s = filters1[i];
}

s.connect(audioCtx.destination);

带有过滤器的 mp3 在网络上相应地播放。是否可以使用网络音频 api 或任何写入 mp3 容器 javascript 库的方式创建和下载具有这些新效果的新 mp3 文件？如果不是在网络上解决这个问题的最佳方法是什么？

更新 - 使用 OfflineAudioContext

使用来自https://developer.mozilla.org/en-US/docs/Web/API/OfflineAudioContext/oncomplete的示例代码

我试过这样使用离线节点；

var audioCtx = new AudioContext();
var offlineCtx = new OfflineAudioContext(2,44100*40,44100);

osource = offlineCtx.createBufferSource();

function getData() {
      request = new XMLHttpRequest();
      request.open('GET', 'Song1.mp3', true);
      request.responseType = 'arraybuffer';
      request.onload = function() {
        var audioData = request.response;
        audioCtx.decodeAudioData(audioData, function(buffer) {
          myBuffer = buffer;
          osource.buffer = myBuffer;
          osource.connect(offlineCtx.destination);
          osource.start();
          //source.loop = true;
          offlineCtx.startRendering().then(function(renderedBuffer) {
            console.log('Rendering completed successfully');
            var audioCtx = new (window.AudioContext || window.webkitAudioContext)(); 
            var song = audioCtx.createBufferSource();
            song.buffer = renderedBuffer;
            song.connect(audioCtx.destination);
            song.start();
            rec = new Recorder(song, {
                workerPath: 'Recorderjs/recorderWorker.js'
            });   

            rec.exportWAV(function(e){
                rec.clear();
                Recorder.forceDownload(e, "filename.wav");
            });
          }).catch(function(err) {
              console.log('Rendering failed: ' + err);
              // Note: The promise should reject when startRendering is called a second time on an OfflineAudioContext
          });
        });
      }
      request.send();
    }
    // Run getData to start the process off
getData();

仍然让录音机下载一个空文件，我正在使用歌曲源作为录音机的源。歌曲播放和他的代码的一切，但录音机不下载它

Answer 1

使用https://github.com/mattdiamond/Recorderjs 录制 .wav 文件。然后使用https://github.com/akrennmair/libmp3lame-js 将其编码为.mp3。

这里有一个很棒的指南，如果你需要帮助的话：http://audior.ec/blog/recording-mp3-using-only-html5-and-javascript-recordmp3-js/

更新

尝试移动

rec = new Recorder(song, {
    workerPath: 'Recorderjs/recorderWorker.js'
});

使其位于开始渲染的调用上方，并将其连接到 osource，如下所示：

rec = new Recorder(osource, {
      workerPath: 'Recorderjs/recorderWorker.js'
}); 
osource.connect(offlineCtx.destination);
osource.start();
offlineCtx.startRendering().then(function(renderedBuffer) {
     .....