网络音频缓冲奇怪的行为

时间:2016-02-03 09:50:17

标签: audio web buffer web-audio

这里发生了一些奇怪的事情。 我创建了一个音频缓冲区,将其存储在变量中并尝试重复使用它几次 - 但它似乎已损坏

我做了一些按钮

    <button onclick="play();">play(0)</button>
    <button onclick="playsection();">play section</button>
    <button onclick="stop();">stop()</button>

获取一些音频数据

context = new AudioContext();

var getWav = new XMLHttpRequest();
var wavbuf;

getWav.open("GET", "/wav/test.wav", true);
getWav.responseType = "arraybuffer";

getWav.onload = function() {
    context.decodeAudioData(getWav.response, function(buffer){
    wavbuf = buffer;
    });
}

getWav.send();

var p;

我可以多次评估play()而没有错误

function play(){
    p = context.createBufferSource();
    p.buffer = wavbuf;
    p.connect(context.destination);
    p.start(0);
}
playsection似乎只运行一次 - 或偶尔不止一次 在停止(10)评估之前按<停止

function playsection(){
    p = context.createBufferSource();
    p.buffer = wavbuf;
    p.connect(context.destination);
    p.start(0, 6); // start after 6 seconds 
    p.stop(10);    // stop after 10 seconds 
}


function stop(){
    p.stop();
}

似乎像p.buffer = wavbuf创建一个指向缓冲区而不是副本的指针

这是一个错误还是一个功能?

1 个答案:

答案 0 :(得分:1)

所以这很有趣,它会在没有停止的情况下始终如一地播放该部分:

function playsection(){
    p = context.createBufferSource();
    p.buffer = wavbuf;
    p.connect(context.destination);
    p.start(0, 6); // start after 6 seconds 
}

或没有偏移:

function playsection(){
    p = context.createBufferSource();
    p.buffer = wavbuf;
    p.connect(context.destination);
    p.start(0);
    p.stop(10);    // stop after 10 seconds 
}

甚至在开始时声明偏移量和持续时间:

function playsection(){
    p = context.createBufferSource();
    p.buffer = wavbuf;
    p.connect(context.destination);
    p.start(0,6,10);
}