相关疑难解决方法(0)

我正在玩Web Audio API并尝试找到导入mp3的方法(所以这只在Chrome中),并在画布上生成它的波形.我可以实时做到这一点,但我的目标是比实时更快地做到这一点.

我能够找到的所有示例都涉及从onaudioprocess事件附带的函数中读取分析器对象的频率数据:

processor = context.createJavascriptNode(2048,1,1);
processor.onaudioprocess = processAudio;
...
function processAudio{
    var freqByteData = new Uint8Array(analyser.frequencyBinCount);
    analyser.getByteFrequencyData(freqByteData);
    //calculate magnitude & render to canvas
}

但是看起来,analyser.frequencyBinCount只有在播放声音时才会填充(有关填充缓冲区的信息).

我想要的是能够尽可能快地手动/编程地逐步浏览文件,以生成画布图像.

到目前为止我得到的是:

$("#files").on('change',function(e){
    var FileList = e.target.files,
        Reader = new FileReader();

    var File = FileList[0];

    Reader.onload = (function(theFile){
        return function(e){
            context.decodeAudioData(e.target.result,function(buffer){
                source.buffer = buffer;
                source.connect(analyser);
                analyser.connect(jsNode);

                var freqData = new Uint8Array(buffer.getChannelData(0));

                console.dir(analyser);
                console.dir(jsNode);

                jsNode.connect(context.destination);
                //source.noteOn(0);
            });
        };
    })(File);

    Reader.readAsArrayBuffer(File);
});

但是getChannelData()总是返回一个空的类型数组.

任何见解都会受到赞赏 - 即使事实证明它无法完成.我想我是唯一一个互联网不想要做的东西,在实时.

谢谢.

编辑：这篇文章不是我的重复。我试图将音频数据提取为二进制文件，像我之前提到的那样单独播放音频文件没有问题。

我正在尝试使用Web Audio Api从客户端的视频文件中提取音频。

var audioContext = new(window.AudioContext || window.webkitAudioContext)();
fileData = new Blob([input.files[0]]);
var videoFileAsBuffer = new Promise(getBuffer);
videoFileAsBuffer.then(function (data) {
    audioContext.decodeAudioData(data).then(function (decodedAudioData) {
        mySoundBuffer = decodedAudioData;
        soundSource = audioContext.createBufferSource();
        soundSource.buffer = mySoundBuffer;
        // soundSource.connect(audioContext.destination);
        // soundSource.start();
    });

当我取消最后两行的注释时，我听到上传的视频文件的声音。但是，当我在getChannelData方法的帮助下创建下载文件的链接时，它的大小几乎与视频文件相同。

我希望decodedAudioData只有音频二进制数据，并将其发送到我的网络服务，这是我唯一需要的。然而，这并没有像我预期的那样奏效。有人知道在客户端提取视频文件音频的方法吗？提前致谢。

这是getBuffer方法以防万一有人想知道：

function getBuffer(resolve) {
    var reader = new FileReader();
    reader.onload = function () {
        var arrayBuffer = reader.result;
        resolve(arrayBuffer);
    }
    reader.readAsArrayBuffer(fileData);
}

编辑：我能够通过在decodeAudioData函数中使用OfflineAudioContext来解码视频文件并获取音频 …