连接音频 blob

Question

我尝试使用 Web RTC experiment by Muaz Khan 连接音频 blob，但是当我播放连接的音频时，HTML 音频元素不会显示音频文件的完整长度，而且如果您下载并播放，问题仍然存在。我使用 ffmpeg 连接这些 blob，但有一种方法可以使用 Web RTC js experiment by Muaz Khan 连接音频 blob。类似的尝试也没有成功：Combine two audio blob recordings

Answer 1

最好的方法是将 blob 转换为 AudioBuffers（使用 FileReader 将 blob 转换为 ArrayBuffer，然后将这些 arrayBuffers 解码为 AudioBuffers）。然后，您可以合并/组合多个 AudioBuffers 并获得结果。 以下代码适用于这种情况：

var blob="YOUR AUDIO BLOB";
var f = new FileReader();
    f.onload = function (e) {

    audioContext.decodeAudioData(e.target.result, function (buffer) {


            arrayBuffer.push(buffer);



        if (arrayBuffer.length > 1) {
            resultantbuffer = appendBuffer(arrayBuffer[0], arrayBuffer[1]);
            arrayBuffer = [];
            arrayBuffer.push(resultantbuffer);
        }
        else {
            resultantbuffer = buffer;
        }


    }, function (e) {
        console.warn(e);
    });
};
f.readAsArrayBuffer(blob);

此代码读取 blob 并转换为 arrayBuffer (e.target.result) 并将这些缓冲区解码为 AudioBuffers (缓冲区)。我使用 appendBuffer 方法来附加多个 audioBuffers。方法如下：

function appendBuffer(buffer1, buffer2) {

    ///Using AudioBuffer
    var numberOfChannels = Math.min(buffer1.numberOfChannels, buffer2.numberOfChannels);
    var tmp = recordingAudioContext.createBuffer(numberOfChannels, (buffer1.length + buffer2.length), buffer1.sampleRate);
    for (var i = 0; i < numberOfChannels; i++) {
        var channel = tmp.getChannelData(i);
        channel.set(buffer1.getChannelData(i), 0);
        channel.set(buffer2.getChannelData(i), buffer1.length);
    }
    return tmp;

}

如果您遇到任何问题，请告诉我。