javascript - 如何合并两个音频文件 - JavaScript？

Question

我有两个来自 RecordRTC 的音频文件，包括本地流和远程流。现在我想将这两个文件合并为一个文件，并通过 AJAX 上传到服务器。

e.g. (audio1.webm) and (audio2.webm).

mediaRecorder.stopRecording(function() {
    var blob = mediaRecorder.getBlob();
    var fileName = getFileName('webm');

    var fileObject = new File([blob], fileName, {
        type: 'audio/webm'
    });

    var formData = new FormData();
        formData.append('blob', fileObject);
        formData.append('filename', fileObject.name);

    $.ajax({
        url: '{{ url('/') }}/save-audio',
        data: formData,
        cache: false,
        contentType: false,
        processData: false,
        type: 'POST',
        success: function(response) {
            console.log(response);
        }
    });
});

提前谢谢您。

更新:

我这样做而不是recorder.addStreams，但我仍然可以录制。

var remoteVideos = $('#remoteVideos video');
var el = [];

$.each($('#remoteVideos video'), function(index, val) {
     el[index] = val.srcObject;
});
el.push(stream);
multiMediaRecorder = new MultiStreamRecorder(el);

Answer 1

您可以使用类似的库:MediaStreamRecorder 。然后使用 MultiStreamRecorder 并传递两个流，如下所示，

recorder = new MultiStreamRecorder([localStream, remoteStream]);

您将从 getUserMedia 获取 localStream，从 onaddstream 事件监听器获取 remoteStream。

您可能只想传递数组中的音轨。其余的事情就这样吧。 FFmpeg 和文件合并不是必需的。